Deslizador dinámico de imagen adaptable con JavaScript y CSS3-Karrot Slider
| Autor: | estampworld |
|---|---|
| Views Total: | 3,415 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 10, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Karrot Slider es una sencilla y ligera librería JavaScript para generar un deslizador adaptable a partir de una gran variedad de imágenes con soporte para el modo pantalla completa, 8 animaciones de fantasía y un sinfín de bucles.
Funcionamiento
Cargue la hoja de estilo slider. CSS en la sección head del documento.
<link href="css/slider.css" rel="stylesheet">
Cargue los sliderEffects. js y slider. js en el documento donde sea necesario.
<script src="js/sliderEffects.js"></script>
Agregue la imagen inicial al control deslizante.
<div id="slider"> <img src="images/1.jpg" class="sliderImage" > </div>
Cambie las imágenes a la suya en el control deslizante. js.
var images = ["images/1.jpg" , "images/2.jpg" , "images/3.jpg", "images/4.jpg" ]; var timing = 3000; var currentImg = 1;
Entra en el modo de pantalla completa llamando a la función pantalla completa ().
fullScreen();
