Hash Slider, un plugin para jQuery. Programación en Castellano.

Categorías destacadas

Artículo

Inicio Artículo Lenguajes de script Javascript

¡votar!

Hash Slider, un plugin para jQuery

La gran cantidad de librería para la creación de un slider en nuestra aplicación, nos puede llevar a la duda de cual utilizar. Por lo general, todos son iguales respecto a las características, pero el que hoy os traemos destaca por lo ligero que es, ya que apenas pesa 2 Kb.

Hash Slider es un slider peculiar porque tiene soporte para hashtags, lo cual indica que cada elemento dentro de la lista puede ser enlazado directamente desde fuera de la página para no tener que ir pasando elemento por elemento, una característica muy interesante.

Entre las características de este plugin, podemos destacar:

Fácil de implementar
Integración con la rueda del ratón.
Generación automática del número de navegación.
Libre para todos
Posibilidad de personalizar la apariencia vía CSS
Acceso directo a una posición determinada del slider, vía hash tag.
Sólo 2.2kb.

El funcionamiento es muy sencillo. Lo primero que debemos de hacer es añadir la librería del slider y jQuery a nuestro desarrollo.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/hashslider_minified.js"></script>

Luego, habría que crear una estructura HTML como la siguiente:

<div id="slider">
<ul>
<li> example</li>
<li> example2</li>
</ul>
</div>
<div id="left"> goLeft </div>
<div id="right"> goRight </div>
<ul id="numbers">
<li></li>
</ul>

Con esto sería suficiente para la puesta en marcha del slider, además que le indicamos los botones de navegación y la paginación.