He seguido las instrucciones, pero Fancybox no está funcionando correctamente. Creo que tengo algunos ojos que me digan lo que estoy haciendo mal.

Alguna Idea?

HTML

El código:

<h1><a id="v" class= "letter fancybox" data-fancybox-group="group" href="http://placekitten.com/500/500">V</a></h1>

Las Referencias:

CSS (parte superior de la página):

<link rel="stylesheet" href="home/css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />

JS (en la parte inferior de la página, incluyendo otros js):

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>

<!-- FancyBox -->
<script type="text/javascript" src="home/js/jquery.fancybox.pack.js?v=2.1.5"></script>

JS

main.js (dentro del documento listo):

$(".fancybox").fancybox({
    openEffect  : 'fade',
    closeEffect : 'fade'
});

Creo que también debo mencionar que yo no he puesto todo el proyecto en una carpeta. Puse el .y de css .js archivos en distintos CSS y JS directorios y sólo se incluyeron los dos archivos de referencia. Me pregunto si eso tiene algo que ver con ella y si solo debo copiar la carpeta de origen y mantener todo lo que había allí.

  • Sus etiquetas de secuencia de comandos me están volviendo loco. ¿Cómo se puede decidir si desea utilizar el tipo de atributo o no?
  • jaja, sí, yo estaba pensando en eso. Prefiero solo que no los incluyen. Alguna razón por la que necesitan para estar allí?
  • Sólo me miró. Parece que el tipo de atributo no será necesaria en HTML5, pero lo que solía ser.
  • No hay ninguna razón, si usted está usando HTML5.
  • Ah, respondió al mismo tiempo. Sí, no es necesario!
  • todos los atributos de texto borrados…
  • posibles duplicados de Fancybox enlaces no se muestran en lightbox – ¿qué me estoy perdiendo?

InformationsquelleAutor Keven | 2013-09-22

2 Comentarios

  1. 23

    Debe agregar type campo en su Fancybox’ config. Fancybox intenta detectar el tipo de contenido, pero al href, por ejemplo, el script php que genera la imagen, Fancybox a veces no se puede reconocer el tipo de contenido.

    Cambio:

    $(".fancybox").fancybox({
        openEffect  : 'fade',
        closeEffect : 'fade'
    });

    a:

    $(".fancybox").fancybox({
       openEffect  : "fade",
       closeEffect : "fade",
       type : "image"
    });
    • solucionado mi problema similar gracias
  2. 5

    He encontrado mi propio error:

    Mi problema era que yo estaba haciendo referencia a un sitio web en mi código (aunque se crea una imagen):

    <h1><a id="v" class= "letter fancybox" data-fancybox-group="group" href="http://placekitten.com/500/500">V</a></h1>

    Debe ser algo como

    href="image.png"
    • stackoverflow.com/a/17554660/1055987
    • Gracias! Esa respuesta me va a permitir incluir la placekitten enlace ahora. Agradezco la info.
    • Esto funcionó para mí. Yo estaba usando un poco.ly enlace para el enlace en lugar de una url con un .jpg / .png extensión. Pequeño detalle pero muy fácil de pasar por alto. Gracias!

Dejar respuesta

Please enter your comment!
Please enter your name here