Diseño de cuadrícula en cascada adaptable con JavaScript puro-BrickCols. js
| Autor: | ms27 |
|---|---|
| Views Total: | 2,448 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 16, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
BrickCols. js es una biblioteca de JavaScript muy pequeña que le permite crear un diseño de cuadrícula en cascada totalmente adaptable sin ninguna dependencia.
Funcionamiento
Incluya el archivo principal de JavaScript BrickCols. js justo antes de la etiqueta body de cierre.
… <script src="brickcols.js"></script> </body> </html>
La estructura HTML debe ser así.
<element_1 class="wrapper_classes"> <element_2 class="column_class"> <element_3 class="block_class" data-priority="priority integer"> content here </element_3> <element_3 class="block_class" data-priority="1"> content here </element_3> <element_3 class="block_class"> content here </element_3> … <element_3 class="block_class" data-priority="2"> content here </element_3> </element_2> </element1>
Inicializar el diseño de la cuadrícula como sigue:
BrickCols.layout_optimization('.wrapper_class', '.column_class', '.block_class');
