Scribd
Cargar
60 vistas1 página

Galeria Js

El documento proporciona instrucciones para implementar una herramienta llamada jQuery Lightbox en una página web. Explica que los pop ups tradicionales son bloqueados por la mayoría de navegadores. Luego, detalla los 4 pasos para agregar jQuery Lightbox: 1) descargar e instalar los archivos necesarios, 2) agregar scripts en la sección <head>, 3) incluir el estilo CSS, 4) agregar el código HTML para cada imagen con enlaces rel="lightbox".

Cargado por

Ingeniero Fernando Urena
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
60 vistas1 página

Galeria Js

El documento proporciona instrucciones para implementar una herramienta llamada jQuery Lightbox en una página web. Explica que los pop ups tradicionales son bloqueados por la mayoría de navegadores. Luego, detalla los 4 pasos para agregar jQuery Lightbox: 1) descargar e instalar los archivos necesarios, 2) agregar scripts en la sección <head>, 3) incluir el estilo CSS, 4) agregar el código HTML para cada imagen con enlaces rel="lightbox".

Cargado por

Ingeniero Fernando Urena
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 1

Saludos. Comprendo tu idea.

Desafortunadamente los Pop Up, en la mayora de navega dores y en los ms utilizados(Firefox e Internet Explorer) son bloqueados, por lo tanto mejor te recomiendo que utilices un herramienta ms novedosa e impactante: L os jquery lightbox. Ac la solucin: http://www.huddletogether.com/projects/lightbox2/ Sigue las indicaciones y si tienes alguna duda, me escribes. 1. Descarga el archivo Lightbox V2.5 y descomprmelo en tu carpeta Web, vale aclar ar que el archivo contiene las carpetas: css, js, images(en esta ultima carpeta coloca tus imgenes) que sern tiles para que surta el efecto. 2. Configuracion: en la pagina donde deseas hacer el Pop-up, vaya al codigo fuen te y entre <head></head> copia y pegua el codigo: <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></ script> <script type="text/javascript" src="js/lightbox.js"></script> 3. Incluir el estilo al Pop-up: copia y pega <link rel="stylesheet" href="css/li ghtbox.css" type="text/css" media="screen" />

4. El cdigo de ejemplo para tus imgenes: copia y pega el siguiente cdigo en el luga r donde deseas que aparezca: <a href="images/nombreimagen.jpg" rel="lightbox[plants]" title="Escribe aqui la descripcion de la imagen."><img src="images/imagenminiatura.jpg" width="100" hei ght="40" alt="Escribe la descripcin" /></a> Lo resaltado es obvio decirlo, que tienes que poner el nombre de tus imgenes y la descripcin. Puedes copiar el mismo cdigo cuantas imgenes quieras y recuerda de sol o cambiar el nombre y la descripcin. Lo importante aqu es estar familiarizado con el cdigo fuente o HTML. Espero sea de utilidad.

También podría gustarte