- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
Easy Slider
noviembre 15, 2010
Este es un script de Slider que utiliza plug-in Easy Slider 1.7 (Usted puede encontrar un manual completo en este enlace).
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML:
La sección <head> del fichero index-#.html contiene estas líneas de código que inicializan la funcionalidad de script con los valores básicos:
Aquí atributos de script definen los siguientes valores:
• #slider – id del contenedor de script (id de contenedor de etiqueta <div>);
• continuous: true –si es configurado como true, slides cambian continuamente;
• pause: 4000 – rato de cambio de slides.
HTML
Utilizando este slide sólo hay que poner una lista de slides en la etiqueta <div> con clase .slider.
Ahora se puede revisar una representación de script HTML:
Cada elemento de la lista (etiqueta <li>) representa un slide. Así que para personalizar elementos de slider tendrá que cambiar las imágenes en etiquetas <li>.
CSS
Usted puede encontrar stylesheet relacionado con script en el fichero style.css principal. Usted tendrá que modificar los siguientes estilos: