Búsqueda personalizada
Noviembre 28, 2008

JQuery: jqGalScroll 2.0 (Galería de fotos)

jQuery jsGalScroll es un Plugin que nos permitirá agrupar imágenes y convertirlas en una especie de galería de fotos con paginación.

Ver Demo – Descarga Ejemplo

En nuestro encabezado

PLAIN TEXT
JavaScript:

  1. <script type=“text/javascript” src=“jquery-latest.pack.js”></script>
  2. <script type=“text/javascript” src=“jquery.easing.1.2.js”></script>
  3. <script type=“text/javascript” src=“jqGalScroll.js”></script>
  4. <style type=“text/css” media=“screen”>
  5. @import url(jqGalScroll.css);
  6. </style>
  7. <script type=“text/javascript”>
  8. $(document).ready(function(){
  9. $(“ul.jqGalScroll”).jqGalScroll({height:268,width:400,ease:‘easeInOutCubic’,speed:1000});
  10. });
  11. </script>

Nota: En height (alto)y width (ancho) podremos configurar el tamaño que tendrán las imágenes.

En “speed” la velocidad de transición entre las imágenes.

Ya en nuestro contenido, agregamos nuestras imágenes y una pequeña descripción de cada una de ellas.

PLAIN TEXT
HTML:

  1. <ul class=“jqGalScroll”>
  2. <li><img src=“common/img/alamos_en_otonio.jpg” alt=“Alamos en Otoño” /></li>
  3. <li><img src=“common/img/chapelco_verano.jpg” alt=“Chapelco – San Martin de los Andes – Verano” /></li>
  4. <li><img src=“common/img/gch_chapelco12.jpg” alt=“Chapelco bajo Nieve” /></li>
  5. <li><img src=“common/img/ch_rafting01.jpg” alt=“El rafting en la zona” /></li>
  6. <li><img src=“common/img/foto.jpg” alt=“Naturaleza en Neuquen – Argentina” /></li>
  8. </ul>

Publicado en Galerías, Javascript, scripts | No comments

Déjanos tu comentario

Por favor, sea educado sobre el tema. Tu email no será publicado.

Archivos

Posicionando