Galería de Polaroid dispersos en JavaScript puro y CSS3
| Autor: | rymbau |
|---|---|
| Views Total: | 3,798 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 6, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Un simple JavaScrpt y CSS/CSS3 basado en la Polaroid Gallery que mueve automáticamente la foto seleccionada en el centro de la pantalla mientras se barajan los demás. También proporciona una navegación que le permite navegar entre las fotos con los botones siguiente/anterior.
Funcionamiento
Incluye los archivos JavaScript y CSS de la Galería Polaroid en la Página Web.
<link rel="stylesheet" href="css/polaroid-gallery.css"> <script src="js/polaroid-gallery.js"></script>
Crea un elemento de marcador de posición para la Galería Polaroid.
<div id="gallery" class="fullscreen"> </div>
Crea una navegación para la Galería Polaroid.
<div id="nav" class="navbar"> <button id="preview">< Previous</button> <button id="next">Next ></button> </div>
Agregue las fotos que desea presentar en el /Data/Data.JSON.
[{
"name": "1.jpg",
"caption": "Caption 1"
},
{
"name": "2.jpg",
"caption": "Caption 2"
},
{
"name": "3.jpg",
"caption": "Caption 3"
}] Inicialice la Galería Polaroid y ya terminamos.
new polaroidGallery();
