Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    714

    Lightbox problemi con Ajax

    Ciao a tutti,
    ho un piccolo problema.

    Uso su un mio sito lightbox per visualizzare le gallery.
    Per problemi dovuti al caricamento lento della pagina, la soluzione trovata è caricare le immagini tramite AJAX, quando clicco sul nome della gallery, mi chiama la pagina gallery.php?id= dove stampa una cosa simile a questa:

    Codice PHP:
    <div class="image">[url="1.jpg"][img]thumb_1.jpg[/img][/url]</div>
    <
    div class="image">[url="2.jpg"][img]thumb_2.jpg[/img][/url]</div>
    <
    div class="image">[url="3.jpg"][img]thumb_3.jpg[/img][/url]</div>
    <
    div class="image">[url="4.jpg"][img]thumb_4.jpg[/img][/url]</div
    E se prima funzionava il lighbox, adesso richiamando il codice html dall'esterno, non funziona.

    Ho provato anche ad includere le funzioni JS direttamente nella pagina gallery.php, logicamente se la chiamo tramite browser funziona (e anche il lightbox) ma se la richiamo tramite AJAX no.

    Any suggest?

  2. #2
    Dopo che carichi ciascuna pagina/gallery con ajax devi re-inizializzare Lightbox, in modo che "veda" i vari link con rel="lightbox[]"
    Full Stack Developer presso Advice Lab
    Bonus Bitcoin
    Moon Bitcoin

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    714
    Chiaro il concetto.. ma come? Nel senso che per "inizializzare" la lightbox, basta includerlo..

  4. #4
    Originariamente inviato da Toniello
    Chiaro il concetto.. ma come? Nel senso che per "inizializzare" la lightbox, basta includerlo..
    Nella pagina che contiene i link alle immagini della galleria (gallery.php) aggiungi questo evento in ogni link:

    onClick='myLightbox.start(this);'

    Sicuramente ci sono metodi migliori ma questo funziona (almeno su uno dei miei siti funziona - ti darei il link ma mi sono appena iscritto e non so se è contro la TOS postare link a siti).

    Ciao,
    Stefano

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    714
    Ho provato con:

    codice:
    $(this).lightBox()
    Oppure

    codice:
    $('#idlink').lightBox()
    Ma niente

  6. #6
    Originariamente inviato da Toniello
    Ho provato con:

    codice:
    $(this).lightBox()
    Oppure

    codice:
    $('#idlink').lightBox()
    Ma niente
    Ma scusa, come ti ho scritto io hai provato? E non funziona?

    Codice PHP:
    <div class="image">[url="1.jpg"][img]thumb_1.jpg[/img][/url]</div>
    <
    div class="image">[url="2.jpg"][img]thumb_2.jpg[/img][/url]</div>
    <
    div class="image">[url="3.jpg"][img]thumb_3.jpg[/img][/url]</div>
    <
    div class="image">[url="4.jpg"][img]thumb_4.jpg[/img][/url]</div

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 © 2025 vBulletin Solutions, Inc. All rights reserved.