Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    25

    lightbox con diverse gallery

    Buongiorno!!!

    avrei un piccolo intoppo con una gallery lightbox. Non riesco a creare diverse gallery.
    Mi spiego:
    ho sei immagini da visualizzare raggruppate in due gallery. per ogni gallery visualizzo solo una immagine (quindi a schermo visualizzo due immagini, e cliccando sulla prima visualizzo le altre) e fino a qui nessun problema perchè funziona tutto. quello che vorrei ottenere però è che quando clicco sulla prima immagine mi visualizzi solo le prime tre foto, mentre quando clicco sulla seconda visualizzi solo le ultime tre.

    Ho provato a cambiare l'id gallery in classe cambiando tutti i parametri necessari (css e java), ho provato a creare div id diverse e infine a mettere rel=lightbox[nomegallery]

    ma nessuno di questi metodi funziona

    è possibile che ci sia qualche riga di codice javascript che impedisce il raggruppamento per galleria?? o forse sto sbagliando qualcosa nei metodi postati sopra???

    Grazie
    Federica

    ps. il file l'ho scaricato da http://leandrovieira.com/projects/jquery/lightbox/
    pps. all'interno delle righe delle immagini non c'era la scritta "rel=lightbox"

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, se tutto corretta dalla documentazione dovresti poter raggruppare le varie gallerie distinguendo per classe, rel o altro.

    $('a[@rel*=lightbox]').lightBox();
    $('a[@rel*=lightbox2]').lightBox();

    Questo un esempio di 2 gallery

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    25
    non riesco a capire cosa sbaglio allora.

    nel mio tag head ho:

    <script type="text/javascript">
    $(function() {
    $('#gallery a').lightBox();
    });
    </script>

    mentre il div è impostato così:

    <div id="gallery">
    <ul>[*]
    [img]photos/thumb_image1.jpg[/img]


    [/list]

    <ul>[*]
    [img]photos/thumb_image4.jpg[/img]



    [/list]
    </div>

    come ottengo due gallery diverse??

  4. #4
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Perche' con $('#gallery a').lightBox(); richiami qualunque A all interno di #gallery e quindi nulla e' suddiviso

    aggiungi rel o classe ad ogni gruppo di foto :

    [img]photos/thumb_image1.jpg[/img]

    e quindi
    $('#gallery .grp_1').lightBox();
    $('#gallery .grp_2').lightBox();
    ....

    prova così

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    25
    Grande, ecco cosa sbagliavo!!!
    grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.