- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
FAQs
General Tutorials
MonsterONE Subscrioption
“tinySlider”
marzo 17, 2011
tinySlider es un slider jQuery fácil de administrar con un número mínimo de características.
JavaScript
Debemos incluir framework jQuery y jquery.tinySlider.js señalando el atributo src de la etiqueta de script a esos ficheros .js.
Colocamos el script de inicialización en la sección <head>. Ella inicializa el elemento con el nombre de clase .class1. En el siguiente ejemplo de código se puede notar que se puede inicializar un par de deslizadores a la vez, separando los nombres de clase con una coma:
Es compatible con los siguientes parámetros: easing, duration, prev, next, pagination.
HTML
Aquí se puede revisar la representación general de script HTML:
El slider está representado como una lista con viñetas (etiqueta <ul>) dentro del contenedor div. Para agregar otro slide, sólo hay que añadir un elemento de la lista <li>.
También puede agregar la paginación, que debe relacionarse con el contenedor div como un elemento secundario.
rel – define el número de slider (empieza de 0);
tiny_pagination es un elemento de paginación predeterminado (se puede definir otro nombre de clase en la sección de inicialización de cabecera).