CreandoMiWeb RenovaciónTotal: Nuevas y renovadas secciones, CreaMiWeb siguiendo lecciones! C/ Videos y Exc. Explicaciones!
CreandoMiWeb RenovaciónTotal: Nuevas y renovadas secciones, CreaMiWeb siguiendo lecciones! C/ Videos y Exc. Explicaciones!
Lightbox seria mas o menos algo asi (haz click en la primer foto y pasa una por una en el lado derecho de la foto ;):
En otras palabras permite visualizar de una manera más estetica las fotos que nosotros queremos exibir a nuestros visitantes ;)...
Lightbox 2 usa el prototipo Framework. Necesitarás incluir estos tres archivos Javascript entre las etiquetas <head></head> de la página en donde quieres usarlos! (en este orden!).
<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>
Incluye el codigo CSS en la cabecera <head></head> debajo de lo anterior!
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
Incluye los siguientes tags (puedes poner la cantidad de fotos que necesites, pero no te olvides de reemplazar la url donde se encuentra en las dos etiquetas -lo resaltado-)
Si reemplazas el 1 de lo subrayado entre corchetes por otro numero, podras armas diferentes álbumes de fotos;)
<a href="image/image-1.jpg" rel="lightbox[roadtrip1]">
<img src="image/image-1.jpg" height="50" widht="60" /> </a>
<a href="image/image-2.jpg" rel="lightbox[roadtrip1]">
<img src="image/image-2.jpg" height="50" widht="60" /> </a>
<a href="image/image-3.jpg" rel="lightbox[roadtrip1]">
<img src="image/image-3.jpg" height="50" widht="60" /> </a>
Lo último que te queda es descargarte el siguiente archivo y copiar las tres carpetas que trae consigo en la carpeta principal de tu web ;)...
No te olvides de no modificar nada de ellas ya que te puede dejar de funcionar=S..
Resuelvelas en Foro CreandoMiWeb
