visor de imagenes lightbox en iframe = lytebox

Fuente: http://www.forosdelweb.com/f13/lightbox-iframe-imagen-521722/#post3147383

Libreria Lytebox: http://lytebox.com/

Esitimados…

Sufría con el mismo problema, frsutrado, a punto de tirar la toalla encontré la solución.

Deben ponerse los códigos del lytebox como dice la leyenda de dolem.com/lytebox/,
el código del .css en el archivo madre que contiene el Iframe, y el código enlazado al .js en el archvo html que es el contenido del iframe.

El detalle es que debe ponerse dentro del código del archivo madre en la parte del Iframe la siguiente línea: 

name=”DisplayFrame”

entonces nuestro código de iframe en la página madre queda de la siguiente forma:

iframe name="DisplayFrame" src="MIIFRAME.html" frameborder="0" allowtransparency="yes" width="325" height="204"

En el archivo html que “es” el iframe (MIIFRAME.html, como en el ejemplo), ponemos el código que nos pide lytebox para funcionar en la imagen o vinculo:

<a href=”MiImagen.jpg” rel=”lytebox”>

la imagen “MiImagen.jpg” debe estar en la misma carpeta donde estén ubicado el “MIIFRAME.html”

Eso es, la clave esta en name=”DisplayFrame”

Espero haber ayudado y quitado muchos dolores de cabeza.

Saludos Cordiales

Rodrigo de las Riberas H.
factoriapublicidad.cl

Anuncios

11 comentarios sobre “visor de imagenes lightbox en iframe = lytebox

  1. al abrir el html del iframe, funciona, pero al cargar la web desde el index, no funciona, he seguido todos los pasos tal cual, encuentro muy extraño que no funcione

    1. bueno sin ver nada de nada donde tienes el problema comprueba que la libreria y el css las tienes tanto en el html del iframe como en el html del index. Igual viene por ahi el tema. El explorer en la barra de estado no te indica ningun problema?

      1. ya se solucionó, de manera LOCAL no funciona chrome en el iframe, pero al subirlo al hosting funcionó perfecto en mozilla, explorer, opera y chrome. Gracias por la preocupación, al final era tema de mala comuniacion, servidor local-virtual. Funciona perfectamente. Gracias.

    1. Hola

      No me hagas mucho caso pero al ser en wordpress quizas debas implementarlo desde el panel de control de tu wordpress como un plugin

      Ya me contaras si estoy en lo cierto

      De todas formas comprueba que tanto en el html que contiene el iframe como la pagina que se carga en el iframe llevan incrustada la libreria js

      Un saludo

  2. yo tambien quiero implementarlo en wordpress
    lo incluí en las dos páginas, la que llama al iframe y en el iframe
    copié la libreria en todas las carpeteas y subcarpetas del sitio, por si la llamada a libreria estaba mal, pero no funciona….

    creo que en wordpress, nunca funcionará.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s