Fancy Box ne fonctionne pas s'il vous plaît aider
-
05-07-2019 - |
Question
Je suis récemment tombé sur une boîte de fantaisie située ici , j'ai parfaitement suivi toutes les étapes des instructions, mais ça ne marche pas, on sait quel pourrait être le problème?
Voici un exemple de la source de ma page:
Inclus les liens vers les scripts, si nécessaire, et CSS:
<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox-1.2.1.js" type="text/javascript"></script>
<link href="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox.css" rel="stylesheet"
type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
Ensuite, cela devrait simplement fonctionner:
<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a>
Mais cela ne semble rien faire à part ouvrir l'image dans une nouvelle fenêtre.
Toutes les suggestions et merci d'avance.
La solution
Vous avez oublié de mettre en œuvre l'étape 4 (à présent l'étape 5) du manuel "Plug-in Fire à l'aide du sélecteur jQuery"
Autres conseils
Essayez d'inclure celui-ci:
$(document).ready(function() {
$("a#single_image").fancybox({
'titleShow' : false
});
});
essayez de regarder un autre plugin javascript / jquery que vous avez implémenté dans votre page html. Parce que certains plugin JQuery est en conflit avec Fancybox. ça marche pour moi.