Flow Slider; Un slider de imágenes controlado con el mouse
Flow Slider es un plugin de jQuery para crear sliders de imágenes que responden a las interacciones del mouse, sin necesidad de hacer clics para recorrer las imágenes, sólo basta con colocar el puntero del mouse a la derecha o izquierda del slider para que las imágenes se deslicen hacia esos lados.
El plugin puede ser personalizado tanto en diseño como en funcionalidad. Hay opciones para configurar el tipo de transición y velocidad, aceleración, posición de partida, etc.
Configuración básica:
Lo primero será llamar a los archivos JS necesarios:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.flow.slider.js"></script>
<!-- Con esta línea ejecutamos el slider -->
<script type="text/javascript">
$("#slider").FlowSlider();
</script>
Este sería el HTML que generará el slider:
<div id="slider">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
</div>
En su web oficial, podrán ver una demostración además de la documentación necesaria con todas las opciones de configuración de este plugin.
Enlace y Descarga: Flow Slider
Comentarios