Es un visualizador de imágenes en ventana nueva que permite no salir de la página en la que estamos en esos momentos.
¿Cómo funciona?
1.- Descargar el Lytebox.
2.- Descomprime el archivo descargado y súbelo a un servidor propio.
3.- En la cabecera del documento, entre <head> y </head> inserta estas líneas de código:
<script type="text/javascript" language="javascript" src="http://ruta_lytebox.js"></script> <link rel="stylesheet" href="http://ruta_lytebox.css" type="text/css" media="screen" />
4.- Sube las miniaturas de las imágenes y las imágenes a un servidor e inserta el código de las imágenes agrupadas de la siguiente forma:
<a class="lytebox" data-lyte-options="group:coleccion" href="http://ruta_imagen1.jpg" title="Imagen 1">/a>
<img alt="" border="0" src="http://ruta_imagen1_mini.jpg" />
<a class="lytebox" data-lyte-options="group:coleccion" href="http://ruta_imagen2.jpg" title="Imagen 2">/a>
<img alt="" border="0" src="http://ruta_imagen2_mini.jpg" />
<a class="lytebox" data-lyte-options="group:coleccion" href="http://ruta_imagen3.jpg" title="Imagen 3">/a>
<img alt="" border="0" src="http://ruta_imagen3_mini.jpg" />
Instrucciones en la página del propietario.
No hay comentarios:
Publicar un comentario