Horinaja es un slideshow implementado con Scriptaculous/Prototype o jQuery, lo innovador de este plugin a diferencia de otros sliders es que se funciona también utilizando la rueda del mouse, algo muy practico y que más de un usuario agradecerá.
Este plugin crea la paginación automáticamente en base a la cantidad de elementos contenidos en la lista, luego permite por un lado la navegación por medio de los links creado en el paginado o bien mediante el uso de la rueda del ratón.
Ejemplo de implementación con jQuery:
Llamadas a la bibliotecas requeridas:
<script src='jquery.mousewheel.js' type="text/javascript"></script> <script src='class.horinaja.jquery.js' type='text/javascript'></script> <link rel="stylesheet" href="horinaja.css" type="text/css" media="screen" />
Código HTML:
<div id="demo"> <ul> <li><!-- content 1 --></li> <li><!-- content 2 --></li> </ul> </div>
Inicialización del plugin:
<script> $(document).ready(function(){
$('#demo').Horinaja({
capture:'demo',delai:0.3,
duree:4,pagination:true});
});
</script>
Web plugin: Horinaja / Visto en thecssawards
randy
13 años ago
Hola!… tengo problemas con el slide jquery… soy nuevo en esto… pero creo q lo estoy haciendo bien y no funciona…
Las llamadas a las bibliotecas requeridas las copio debajo de titulo.
Debajo de estas copio la inicialización al plugin (todo esto dentro de head).
Luego en body copio el codigo html y le asigno la clase horinaja al div demo.
Ya me descargué: class.horinaja.jquery.js, jquery.mousewheel.js y horinaja.css y todos estan en la misma carpeta raiz de mi disco junto con el html…
Espero me puedan contestar… gracias de antemano