Gallery blueimp – Galleria immagini e video
Gallery blueimp è una galleria tattile, sensibile e personalizzabile di immagini e video, utilizza lightbox, ottimizzato per entrambi i browser web mobile e desktop.
Blueimp è dotato di navigazione sia da mouse che da tastiera,è possibile aggiungere effetti di transizione, come la funzionalità presentazione; supporto a schermo intero e contenuti on-demand di carico e può essere esteso per visualizzare i tipi di contenuti aggiuntivi.
Per creare una Galleria video:
Includiamo i file necessari per il funzionamento
<link rel="stylesheet" href="css/blueimp-gallery.css"> <link rel="stylesheet" href="css/blueimp-gallery-indicator.css"> <link rel="stylesheet" href="css/blueimp-gallery-video.css"> <script src="js/blueimp-helper.js"></script> <script src="js/blueimp-gallery.js"></script> <script src="js/blueimp-gallery-fullscreen.js"></script> <script src="js/blueimp-gallery-indicator.js"></script> <script src="js/blueimp-gallery-video.js"></script> <script src="js/blueimp-gallery-vimeo.js"></script> <script src="js/blueimp-gallery-youtube.js"></script> <script src="js/vendor/jquery.js"></script> <script src="js/jquery.blueimp-gallery.js"></script> <script src="js/demo/demo.js"></script>
Struttura
<div id="blueimp-image-carousel" class="blueimp-gallery blueimp-gallery-carousel"> <div class="slides"></div> <h3 class="title"></h3> <a class="prev">‹</a> <a class="next">›</a> <a class="play-pause"></a> </div>
Questo è tutto quello che ci serve per creare una galleria video.
Per modificare/cambiare i video basta andare a modificare gli url presenti del file demo.js
Consultare la documentazione ufficiale per aggiunte o modifiche.