lunedì 28 Settembre 2020

Download in corso

Softwareone.it

11-01-2019

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.

Demo

Scarica Gallery 2.22

I commenti sono chiusi.

Pubblicità