Pregunta

Recientemente me encontré con una caja elegante ubicada aquí , he seguido todos los pasos de las instrucciones perfectamente, pero no funciona, ¿alguien sabe cuál podría ser el problema?

Aquí hay una muestra de la fuente de mi página:

Incluyó los enlaces a los scripts según sea necesario y 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" />

Entonces esto simplemente debería funcionar:

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

Pero no parece hacer nada excepto abrir la imagen en una nueva ventana.

Cualquier sugerencia y gracias de antemano.

¿Fue útil?

Solución

Olvidó implementar el paso 4 (ahora paso 5) del manual, " Complemento de Fire utilizando el selector jQuery "

Otros consejos

Intenta incluir este:

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

intente ver otro complemento javascript / jquery que haya implementado en su página html. porque algún complemento de jquery tiene un conflicto con fancybox. esto funciona para mi.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top