Slider “Cross-Fading”

Este es un script de Slider que utiliza el efecto de cross-fading para efectos de transición de cambio de slides.

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 jquery00.js y jQuery framework:

La inicialización de galería se coloca al final del código HTML (antes de etiqueta de cierre </body>) y contiene todos los valores de configuración necesarios.

atributo effect define efecto de transición de slide:

•    default – ningún efecto de transición, sólo cambiar imagen;
•    fade – efecto de desvanecimiento;
•    slide – slides están cambiando hacia abajo.

atributo fadeOutSpeed define velocidad de transición de slides:

•    default – 4 segundos;
•    fast – 8 segundos;
•    slow – 2 segundos.

atributo rotate define la rotación de slide:

•    true – slides se muestran continuamente;
•    false – cada slide se muestra sólo una vez .

HTML
Ahora se puede revisar una representación de script HTML:

Asegúrese de que el número de botones de navegación (etiquetas <a> dentro de etiqueta <div> con estilo .tabs ) debe ser igual al número de slides.

CSS
Usted puede encontrar stylesheet relacionado con script en el fichero style.css principal. Usted tendrá que modificar los siguientes estilos: