Image Thumbnail Viewer
Instrucciones para ponerlo en tu código
Image Thumbnail Viewer
Una vez bajado todos los archivos de Image Thumbnail Viewer (los podéis bajar desde aqui), los pondremos en el mismo directorio donde esté la pagina web y haremos lo siguiente:
- Antes de cerrar la etiqueta del <head> añadiremos esta línea para cargar el estilo de la capa y el script
<link href="thumbnailviewer.css" rel="stylesheet" type="text/css" />
<script src="thumbnailviewer.js" type="text/javascript">
/***********************************************
* Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
- Para ponerlo en tus imágenes, solamente tendremos que poner lo siguiente:
<a href="imagen1.jpg" rel="thumbnail" title="Este es un ejemplo con imagen"><img src="imagen1p.jpg"></a><br /><br />
<a href="imagen2.jpg" rel="thumbnail" title="Este es otro ejemplo con enlace">PINCHA</a>
Ya tienes tu Image Thumbnail Viewer funcionando en tu site y carga más rapido que Lightbox V 2.0!