AJAX LIGHTBOX + IFRAME LIGHTBOX gone-wild
En mas de una ocasión necesitamos mostrar información en nuestro sitio Web pero no deseamos que el visitante escape a un sitio de referencia existen herramientas para mostrar informacion que en estos ultimos meses (2008) se han multiplicado y son variados los sitios que trabajan con lo practico de Iframe y lo elegante de Ajax lightbox, cada uno con sus beneficios.
Ahora veremos que ocurre al mezclar estas dos herramientas que nos permitiran entregar información adicional a nuestro sitio web, sin que el visitante abandone el mismo.
Variados son los script existentes de LightBox yo he probado muchos y el ejemplo que tomo me resulto muy bien. Se los dejo como una buena opcion, aunque no uso AJAX causa un efecto similar y al usar iframe puedo colocar variados elementos en su interior.
LIGHTBOX gone-wild : archivos lightbox iframe gone wild
Ejemplo: LightBox + Iframe
El gran problema que resulta con este script es el tamaño del recuadro que no es automatico sino fijo.
Con un iframe de medidas:
width="500" height="350" px tamaño prefijado en el archivo lightbox-iframe.js
y un Cuadro exterior prefijado en lightbox.css de
width:550px; height:500px;
con el codigo
| #lightbox{
display:none;
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:550px;
height:500px;
margin:-220px 0 0 -250px;
border:10px solid #555555;
background:#FDFCE9;
text-align:left;
} |
|
|
