⭐ Simple responsive Carousel en JavaScript-carrusel-Slideshow ✅ TodoCodigo.net

Vista prévia

Un componente de carrusel simple, elegante y totalmente receptivo escrito en JavaScript puro.

Inserte los archivos JavaScript y CSS de la presentación por secuencia en el documento HTML.

<link href="carousel-slideshow.css" rel="stylesheet">
<script src="carousel-slideshow.js"></script>

Añade tus propias imágenes al carrusel y listo.

<div id="example" class="carousel-slideshow">

<img src="1.jpg">

<img src="2.jpg">

<img src="3.jpg">

<img src="4.jpg">

<img src="5.jpg">
</div>

Activar/desactivar la rotación automática.

// default: true
var enableAutoSlide = true;

// default: 4000
var autoSlideRate = 5000;

Ajuste la velocidad de la animación.

var slideSpeed = 0.06;

Establezca el ancho de la imagen en porcentaje.

var imageFitPercentage = 80;