Domanda

Di recente mi sono imbattuto in una scatola di fantasia situata qui , ho seguito perfettamente tutti i passaggi delle istruzioni, ma non funziona, qualcuno sa quale potrebbe essere il problema?

Ecco un esempio della mia fonte di pagina:

Incluso i collegamenti agli script come richiesto e 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" />

Quindi questo dovrebbe semplicemente funzionare:

<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a>

Ma non sembra fare altro che aprire l'immagine in una nuova finestra.

Eventuali suggerimenti e grazie in anticipo.

È stato utile?

Soluzione

Hai dimenticato di implementare il passaggio 4 (ora passaggio 5) dal manuale, " Fire plugin usando il selettore jQuery "

Altri suggerimenti

Prova a includere questo:

$(document).ready(function() {
 $("a#single_image").fancybox({
 'titleShow' : false
 });
});

prova a guardare un altro plugin javascript / jquery che hai implementato nella tua pagina html. perché alcuni plugin jquery sono in conflitto con fancybox. per me funziona.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top