BlocksIt.js è un plugin in jQuery per la creazione di layout dinamici a griglia. Il plugin riesce a convertire gli elementi HTML in ‘blocchi’ e posizionarli in punti ben precisi del layout a griglia, in stile a Pinterest, uno dei più attuali siti web in questo momento. Come? Beh, semplicemente specificate il numero di colonne che si desidera avere e BlocksIt.js farà il resto per voi. Inoltre, è possibile anche combinare i ‘blocchi’ tra loro e fare un blocco unico!
Come si usa
Prima di tutto includere file di script di jQuery e di BlocksIt.js all’interno di tag <head> come al solito.
1 2 |
<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="blocksit.js"></script> |
Dovrebbe funziona bene con jQuery 1.7.1 (non è stato testato con le versioni inferiori).
Dopodichè richiamare la funzione BlocksIt() su un oggetto jQuery. Per tutti dettagli di configuazione fare riferimento qui.
1 2 3 |
$(document).ready(function() { $('#objectID').BlocksIt(); }); |
Demo Download Info | Sito Web | Autore