- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
Looped Slider
noviembre 15, 2010
Este es un script de Slider que puede utilizar para creación de sliders y galerías. Es uno de los scripts de slider más flexibles.
http://github.com/nathansearles/loopedSlider
JavaScript
Para que el script funcione, el fichero index-#.html con slider debe contener estas líneas de código HTML para incluir el script loopedslider.js y jQuery framework:
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:
El script comienza con el elemento <div>con id de #loopedSlider.
HTML
Ahora se puede revisar una representación de script HTML:
El slider se coloca en la etiqueta <div> con #loopedSlider id. Luego hay dos etiquetas de contenedor <div>: contenedor principal (clase .container ) y contenedor de paginación (clase .pagination-container. Una etiqueta <div> con clase .slides debe colocarse en el contenedor principal y contiene los elementos de slider (o galería de imágenes). Así que para añadir un slide adicional (o imagen de galería) tendrá que añadir la siguiente estructura de codificación:
Lista con viñetas (etiqueta <ul> tag) con clase .pagination define rendimiento de paginación para slider (o galería).
ParaloopedSlider version 0.5.4 y versiones anteriores tiene que agregar el número correspondiente de anclajes (anchors) (etiquetas <a>), cada slider debe tener un anclaje correspondiente.
Para loopedSlider version 0.5.5 y versiones superiores plug-in va a añadir scripts necesarios de forma automática.
CSS
Usted puede encontrar stylesheet relacionado con script en el fichero style.css principal. Usted tendrá que modificar los siguientes estilos:
Asegúrese de utilizar el mismo de anchura para estilos .container y .slides div.