Mínimo de Swiper/carrusel en Vanilla JavaScript
| Autor: | msorce |
|---|---|
| Views Total: | 1,046 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 26, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Este es un mínimo, responsivo carrusel/Swiper escrito en JavaScript puro que soporta tanto toque swipe y eventos de arrastre del ratón.
Funcionamiento
Inserte la hoja de estilos minimal-Carousel. CSS y JavaScript minimal-Carousel. js en el documento.
<link rel="stylesheet" href="minimal-carousel.css"> <script src="minimal-carousel.js"></script>
Agregue diapositivas al Swiper/Carousel como estas:
<div class="slider mslider"> <div class="slider-panel"> <a href=""> <img src="1.jpg" alt="" /> </a> </div> <div class="slider-panel"> <a href=""> <img src="2.jpg" alt="" /> </a> </div> <div class="slider-panel"> <a href=""> <img src=3.jpg" alt="" /> </a> </div> ... </div>
Cree un elemento de marcador de posición para las viñetas de paginación. Hecho.
<div class="slider-pagination"></div>
