Horinaja, un slider muy práctico

Horinaja, un slider muy práctico

02. sep, 2009 2 Comentarios

¿Has pensado en algo para tu sitio web que vaya rotando texto o imágenes? pues para eso están los sliders, hay muchos sitios populares que los implementan para complementar la presentación de su contenido, pero cuando se trata de querer este tipo de resultados, Horinaja (creado por David Massiani) es para mí el más práctico ya que como todo slider, tiene efecto de slide muy suavizado, y también altamente personalizable.

Sus características destacadas son:

  • Personalizable
  • Fácil de instalar
  • Innovador (puedes hacer slide con la rueda de tu mouse)
  • Viene en dos versiones (jQuery y Scriptaculous)
  • Puedes decidir si colocarle paginación o no

Horinaja

Este slider ha demostrado ser una excelente opción para los diseñadores porque es muy innovador, me refiero a que puedes hacer slide con la rueda del mouse, esto es algo que poco slider implementan hoy día.

Debido a que la página está en inglés, coloco aquí lo necesario para poder obtenerlo y darle uso apropiadamente, ya que necesitas algo más que solo el script del slider, es lo siguiente.

Complementos necesarios

Para ambas versiones de Horinaja, necesitas descargar otros complementos.

Para la versión scriptaculous necesitas: prototypejs y scriptaculous.

Para la versión jQuery necesitas: jQuery y mousewheel.

Diferencias entre las dos versiones

Las diferencias entre la versión jQuery y Scriptaculous no son muchas, pero la más notoria es que la versión jQuery es más cómoda para la carga de la página porque no necesitas invocar muchos archivos con scripts, en cambio la versión Scriptaculous necesita de al menos 5 archivos que son los que conforman a Scriptaculous, para funcionar debidamente, esto hace la versión jQuery mas práctica.

Si se trata del funcionamiento, es el mismo, no hay ninguna diferencia entre las versiones.

Horinaja Pro

Horinaja también tiene ahora una versión Pro, la cual es mucho más funcional y cuesta la cómoda suma de 7 dólares vía PayPal. Los requerimientos para esta versión de Horinaja son los mismos de la versión gratuita.

Demo y descarga | Horinaja – Horinaja Pro

Twitter Digg Delicious Stumbleupon Technorati Facebook Email
Desarrollo Web
, ,

2 Comentarios a “Horinaja, un slider muy práctico”

  1. brus Responder 18. nov, 2009 a las 14:46

    Que tal Carlos, el slide me parece buenisimo pero no logro instalarlo con las “instrucciones” que pongo en la pagina…o sea no se que es lo que hago mal porque por lo visto la descarga es solo de las clases .css y el .js. Si podrias ayudarme te agradeceria.

  2. Carlosmax Responder 18. nov, 2009 a las 17:46

    Pues tambien necesitas descargar el prototypejs (http://www.prototypejs.org/) y scriptaculous (http://script.aculo.us/), una vez descargas todos esos archivos buscas los siguientes y los linkeas desde el de tu sitio web.

    Los archivos necesarios para que funcione son los siguientes:

    - horinaja.css
    - class.horinaja.scriptaculous.js
    - scriptaculous.js
    - prototype.js
    - builder.js
    - class.js
    - controls.js
    - effects.js
    - slider.js

    Y tambien debes incluir esto en el :

    document.observe("dom:loaded", function() {
    new Horinaja('ID-DEL-DIV-A-USAR',0.7,7,false);
    });

    Y es slider aparecerá dentro del un div que uses, x ejemplo:

    Obviamente el ID del div debe coincidir con el del script.

    Espero que eso solucione tu inquietud, saludos!

Deja un Comentario