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.

Était-ce utile?

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.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top