Tema: abrir lightbox fuera del iframe contenedor de imagen
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 02/03/2012, 16:47
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 9 meses
Puntos: 192
Respuesta: abrir lightbox fuera del iframe contenedor de imagen
Ese código lo colocás en el documento padre, como te indiqué más arriba. O sea, supongamos que tenemos este caso:

documento padre:
Código HTML: 
Ver original
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>Mi documento</title>
  5.     <!--aca incluyo jquery, los archivos de lightbox y los scripts para que lightbox funcione-->
  6.     <script type="text/javascript" src="jquery.js"></script>
  7.     <script type="text/javascript" src="lightbox.js"></script>
  8.     <script type="text/javascript">
  9.         $(function() {
  10.         * * //selector para los links con lightbox
  11.         * * var selector = 'a';
  12.         * * 
  13.         * * //ligtbox normalmente.
  14.         * * $(selector).lightBox();
  15.         * * 
  16.         * * //lightbox para los iframes
  17.         * * $('iframe').load(function(){
  18.         * * * $(this).contents().find(selector).lightBox();
  19.         * * });
  20.         });
  21.     </script>
  22. </head>
  23. <body>
  24.     <p>Lorem ipsum dolor sit amet, nutricem sum in modo. Odore imo dictum aemulum toro frumento manu fueris sidera unam lacrimae eam eos. Quae vero non potentiae Apollonium illis atque ut libertatem accipies. Lacrimas effunditis magister pretium dixerunt enim formam se est cum suam ad te ad nomine. Tharsis ratio puella ut libertatem non ait in fuerat se est amet consensit cellula rei civibus.</p>
  25.     <iframe src="documentohijo.html"></iframe>
  26. </body>
  27. </html>


El documento padre es el "index" en tu caso. El documento hijo es el que tiene los links que querés abrir:
Código HTML: 
Ver original
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>Mi documento Hijo</title>
  5.     <!--aca no hace falta que incluya los scripts-->
  6. </head>
  7. <body>
  8.     <p>Lorem ipsum dolor sit amet, nutricem sum in modo. Odore imo dictum aemulum toro frumento manu fueris sidera unam lacrimae eam eos. Quae vero non potentiae Apollonium illis atque ut libertatem accipies. Lacrimas effunditis magister pretium dixerunt enim formam se est cum suam ad te ad nomine. Tharsis ratio puella ut libertatem non ait in fuerat se est amet consensit cellula rei civibus.</p>
  9.     <a href="Centro de Mesas Notas Musicales Marzo 2011 1.jpg" rel="lightbox" caption"><img src="Centro de Mesas Notas Musicales Marzo 2011 1.jpg" width="90" height="108" border="0" /></a>
  10. </body>
  11. </html>

Espero esté más claro. De todas formas te queda experimentar y probar, a lo mejor me equivoco pues tu caso varía de alguna forma :)

Pues, la época de usar sitios completamente con iframes y flash ya fue. Estamos en la era de la web 2.0, la web "semántica", la web optimizada para buscadores y dispositivos móviles.

Yo la haría directamente sin iframes, que la navegación te lleve a otra página, no que la cargue dentro de un iframe.
Si lo que buscás es el efecto de que no te recarga la página, podés intentar aproximarte usando AJAX, pero eso es meterse en terrenos más avanzados.

Estas son sólo mis opiniones y mi experiencia. Si te gusta esto lo vas a aprender y lo vas a aplicar a su tiempo.
__________________
nahueljose.com.ar