Fw

Wordpress Creative Developer

jQuery Lightbox Gallery Plugin – ppGallery

  • Tutorial Jquery
  • -

Ultimo appuntemento dell’anno con i tutorial e risorse jQuery, dove oggi andiamo a vedere ppGallery,  un plugin molto interessante per realizzare una gallery di immagini davvero completa e funzionale.

jQuery Gallery Plugin

Questo plugin è un’ottima soluzione per mostrare una gallery di foto nel sito, in modo elegante e originale.  Come puoi vedere nella demo, le caratteristiche principali sono:

  • apertura delle foto in stile Lightbox, in questo modo l’utente si focalizza solo sull’immagine.
  • per vedere le altre foto non bisogna tornare alla pagina precedente, ma le miniature sono già presenti nella Lightbox, con la possibiltà di farle scorrere con lo slider.
  • compatibilità con tutti i browser.

Nella documentazione potrai trovare tutte le informazioni necessarie su come utilizzare la gallery e come personalizzarla secondo le tue esigenze. E se qualcosa non è chiaro, ci sono io 😉

Se poi questa gallery non ti dovesse bastare, tempo fa nel blog sono state proposte altre due gallery:

4 Commenti

  1. Ho provato ppgallery. Sarebbe bello poter avere un “autoplay” in modo da veder partire da solo lo slideshow. Come potrei lanciare da codice la funzione del play?

    Ciao

  2. Ciao Federico,
    Ho provato ad utilizzare la ppgallery (http://www.fedeweb.net/jquery-lightbox-gallery-plugin-ppgallery/) sul sito che sto realizzando con una piccola variante rispetto all’esempio.
    Ho inserito un altro pulsante ma la visualizzazione delle foto piccole in alto, lo slideshow e i tasti next e previous non funzionano correttamente.

    Questo il codice modificato:

    1) ho inserito due richiami alla funzione ppgallery con le due liste di immagini

    $(document).ready(function() {
    $(‘#gallery’).ppGallery({
    showHiddenGalleryButton: ‘#view’ //hide the gallery and assign a button (using it’s id) that will execute the hidden gallery. Don’t forget to make your button and give it an id
    });

    });

    $(document).ready(function() {
    $(‘#gallery2’).ppGallery({
    showHiddenGalleryButton: ‘#view2’ //hide the gallery and assign a button (using it’s id) that will execute the hidden gallery. Don’t forget to make your button and give it an id
    });

    });

    2) i due pulsanti

    View Gallery

    View Gallery2

    3) le due liste:



    ……….
    ……….



    …..
    …..

    Forse ho sbagliato qualcosa …..!!!

    Sembrerebbe che la funzione jquery carichi in memoria tutte le foto delle gallerie, non riuscendo a gestirne la visualizzazione.

    Grazie in anticipo per la collaborazione.

    Ciao
    Cinzia

  3. 2) i due pulsanti

    ….
    ..View Gallery

    ..View Gallery2

    3) le due liste:




    ……….
    ……….




    …..
    …..

  4. Ciao,
    ho inserito la gallery nel mio sito e va tutto bene ma quando le immagini sono molto grandi (950pxx525px) le stesse tirano tutto a sinistra, insomma non sono centrate nella pagina.
    Sono un neofita quindi…
    Ti ringrazio.
    Nello

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *