Presentación interactiva básica en Vanilla JavaScript y CSS3
| Autor: | TVke |
|---|---|
| Views Total: | 3,274 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 3, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Un plugin de presentación de diapositivas HTML5 muy básico, integrado en JavaScript puro que utiliza transiciones CSS3 para la sutil animación de fundido cruzado.
Funcionamiento
Cargue la hoja de estilos Slideshow. CSS y Slideshow. js en el documento HTML.
<link rel="stylesheet" href="slideshow.css"> <script src="slideshow.js"></script>
Agregue sus propias imágenes junto con los subtítulos al < Figura > elementos de la siguiente manera:
<div id="slideshow"> <figure> <img src="1.jpg" alt="Alt 1"> <figcaption>Alt 1</figcaption> </figure> <figure> <img src="2.jpg" alt="Alt 2"> <figcaption>Alt 2</figcaption> </figure> <figure> <img src="3.jpg" alt="Alt 3"> <figcaption>Alt 3</figcaption> </figure> ... </div>
Lea los comentarios en el Slideshow. CSS y modifique/Reemplace los estilos predeterminados a su gusto.
