Carousel con imagenes
Monday, July 14th, 2008
Carousel.us es una web donde nos proporciona una librería Javascript, que permite crear una linda galería de imagenes como la que esta abajo, pudiendo girar el “carousel” moviendo el ratón hacia los costados:
Este efecto es posible gracias a javascript, el cual puedes descargar aqui (el script).
Para configurar este script debes modificar los parámetros del config.php, que paso a traducir:
- includes: directorio en que se encuentran los ficheros
- javascript: directorio en que se encuentran los ficheros javascript
- css: directorio en que se encuentra el CSS
- path: directorio en que se encuentran las imagenes
- opacity: la opacacidad de la reflexión (de 0 a 100)
- height: alto de la reflexion (en pixeles)
- radiusx: espacio horizontal entre imagenes (en pixeles)
- radiusy: espacio vertical entre imagenes (en pixeles)
- centerx: posición X del centro del carousel (en pixeles)
- centery: posición Y del centro del carousel (en pixeles)
- clickit: agregar un evento al hacer click en la imagen (verdadero o falso, true or false)
- base: velocidad de la base ¿?
- speed: velocidad del carousel.
Ten en cuenta que al implementar esto en tu sitio aumentara en tiempo de carga del mismo, si quieres verlo en acción, puedes hacerlo aquí.
Me entero gracias a seraphinux
Carousel.us es una web donde nos proporciona una librería Javascript, que permite crear una linda galería de imagenes como la que esta abajo, pudiendo girar el “carousel” moviendo el ratón hacia los costados:
Este efecto es posible gracias a javascript, el cual puedes descargar aqui (el script).
Para configurar este script debes modificar los parámetros del config.php, que paso a traducir:
- includes: directorio en que se encuentran los ficheros
- javascript: directorio en que se encuentran los ficheros javascript
- css: directorio en que se encuentra el CSS
- path: directorio en que se encuentran las imagenes
- opacity: la opacacidad de la reflexión (de 0 a 100)
- height: alto de la reflexion (en pixeles)
- radiusx: espacio horizontal entre imagenes (en pixeles)
- radiusy: espacio vertical entre imagenes (en pixeles)
- centerx: posición X del centro del carousel (en pixeles)
- centery: posición Y del centro del carousel (en pixeles)
- clickit: agregar un evento al hacer click en la imagen (verdadero o falso, true or false)
- base: velocidad de la base ¿?
- speed: velocidad del carousel.
Ten en cuenta que al implementar esto en tu sitio aumentara en tiempo de carga del mismo, si quieres verlo en acción, puedes hacerlo aquí.
Me entero gracias a seraphinux
