FrogJS es una simple librería Javascript que nos permitirá crear una simple galería de imágenes. Su simpleza quizás nos puede engañar, ya que detrás de ella se esconden bonitos efectos de transición que la hacen muy agradable. FrogJS no es un sustituto de otras galerías en las cuales podremos mostrar miniaturas en imágenes como Lightbox JS, sino una manera distinta de crear presentación de imágenes a través de galerías.
Instalacion:
- Descargar FrogJS v1.1, descomprimir y subir los archivos a tu servidor web.
-
En nuestro header hacemos la llamada a los archivos que necesitaremos para la galería.
JavaScript:
<script src="scripts/prototype.js" type="text/javascript"> </script>
<script src="scripts/scriptaculous.js?load=effects" type="text/javascript"> </script>
<script src="scripts/frog.js" type="text/javascript"> </script>
<script src="scripts/scriptaculous.js?load=effects" type="text/javascript"> </script>
<script src="scripts/frog.js" type="text/javascript"> </script>
Ahora solo basta insertar nuestro código html para crear la galería en miniatura. Podremos utilizar tantas imágenes como lo deseemos.
HTML:
<div id="FrogJS">
<a href="images/1.jpg" title="mi web" rel="http://www.xyberneticos.com">
<img src="images/1_thumb.jpg" alt="Caption" />
</a>
<a href="images/2.jpg" title="Credit">
<img src="images/2_thumb.jpg" alt="logos" />
</a>
</div>
<a href="images/1.jpg" title="mi web" rel="http://www.xyberneticos.com">
<img src="images/1_thumb.jpg" alt="Caption" />
</a>
<a href="images/2.jpg" title="Credit">
<img src="images/2_thumb.jpg" alt="logos" />
</a>
</div>
Loading ...