Se non ci fossero immagini e foto, le pagine web non sarebbero così belle. Eppure la loro gestione richiede una certa organizzazione per poterle mostrare e permetterne sia la visualizzazione ridotta sia l’ingrandimento per poterla apprezzare nei dettagli. Bootstrap Photo Gallery è una libreria jQuery, basata su Bootstrap, per la visualizzazione responsive delle collezioni di foto nelle pagine web.

Come si vede in figura, una griglia responsive mostrerà l’insieme di immagini a disposizione mentre il click su una di esse produrrà la visualizzazione di dettaglio in una finestra modale. Per chi volesse invece gustare dal vivo questo plugin, è disponibile una demo live.

Per utilizzarla, si deve:

• elencare le immagini in una lista non ordinata:

  <ul class="first">
     <li>
         <img alt="Night away"  src="images/photodune-174908-rocking-the-night-away-xs.jpg">
         <p class="text">Optional text. This will also show in the modal</p>
     </li>
     ...
     ...
  </ul>

• attivarne l’utilizzo specificando nell’attributo classes le specifiche Bootstrap per la griglia

  $('ul.first').bsPhotoGallery({
      "classes" : "col-lg-2 col-md-4 col-sm-3 col-xs-4 col-xxs-12",
      "hasModal" : true
    });

Provate questo interessantissimo plugin, tramite demo o installandola, e fateci sapere cosa ne pensate!