Cuadrícula de fotos adaptable en Vanilla JavaScript-ImageRow. js
| Autor: | rharter |
|---|---|
| Views Total: | 2,236 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 20, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
ImageRow. js es una biblioteca de cuadrícula de fotos basada en Vanilla JS pura que le da la capacidad de reorganizar responsablemente un conjunto de imágenes fila por fila conservando sus proporciones de aspecto originales.
Funcionamiento
Cargue el archivo CSS imagerow. CSS y el archivo JavaScript imagerow. js en el documento HTML.
<link rel="stylesheet" href="imagerow.css"> <script src="imagerow.min.js"></script>
Agregue sus imágenes a las filas de la cuadrícula como se muestra a continuación:
<section class="image-row"> <img src="1.jpg" /> <img src="2.jpg" /> </section> <section class="image-row"> <img src="3.jpg" /> <img src="4.jpg" /> <img src="5.jpg" /> </section> <section class="image-row"> <img src="6.jpg" /> </section>
Eso es todo. El ImageRow. js se encargará del resto. Cambia el tamaño de la ventana del navegador para ver la magia y disfrutalo.
