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:

<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript" src="jquery.easing.1.2.js"></script>
<script type="text/javascript" src="jqGalScroll.js"></script>
<style type="text/css" media="screen">
@import url(jqGalScroll.css);
</style>
<script type="text/javascript">
$(document).ready(function(){
$("ul.jqGalScroll").jqGalScroll({height:268,width:400,ease:'easeInOutCubic',speed:1000});
});
</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:

<ul class="jqGalScroll">
<li><img src="common/img/alamos_en_otonio.jpg" alt="Alamos en Otoño" /></li>
<li><img src="common/img/chapelco_verano.jpg" alt="Chapelco - San Martin de los Andes - Verano" /></li>
<li><img src="common/img/gch_chapelco12.jpg" alt="Chapelco bajo Nieve" /></li>
<li><img src="common/img/ch_rafting01.jpg" alt="El rafting en la zona" /></li>
<li><img src="common/img/foto.jpg" alt="Naturaleza en Neuquen - Argentina" /></li>
</ul>

Compartelo

juanuuu said,

Wrote on October 20, 2007 @ 14:42

Muy buena! parece buenisima, pero el demo presenta "errores en la página voy a hacer una prueba a ver si es error del demo o del script.
Saludos y gracias por los aportes!!!
Nikko said,

Wrote on October 20, 2007 @ 15:36

No se a que error te refieres, para mi trabaja muy bien ..Saludos
Benjamin Sterling said,

Wrote on October 20, 2007 @ 23:58

Realmente bonito tutorial sobre cómo usar mi "plugin", que realmente me aprecian. Me envió un enlace a su sitio en mi puesto para las personas que hablan español.

Buen trabajo.

Nota: he usado para convertir translate.google.com Inglés a Español
jQuery: jqGalScroll 2.0 (Photo Gallery) | The Book and the Cover said,

Wrote on October 20, 2007 @ 23:58

[...] Note: Nicely done tutorial in Spanish. [...]
alex said,

Wrote on October 22, 2007 @ 15:18

Excelente Master Nikko... va de peluchines...
Dario German said,

Wrote on November 22, 2007 @ 0:14

Hola chicos, como hago andar esto en mi pagina?necesito hacer una galería de imágenes ya. y pongo el plugin en su respectiva carpeta y no anda. si alguien me puede ayudar se lo agradeceré, soy nuevo en wordpress, voy a investigar mas a ver si encuentro algo.
Galer said,

Wrote on January 8, 2008 @ 20:49

[...] de im