[JQuery, PrettyPhoto] Gallery caricata dinamicamente non prende il tema

[metatad]

Ho una serie di gallery che utilizzano il plugin PrettyPhoto, svariate delle quali vengono caricate dinamicamente allo scroll della pagina.
Per far si che le gallery funzionino, utilizzo il seguente codice:

jQuery("body").on("click", "a[rel^='prettyPhoto']", function() {
jQuery.prettyPhoto.open(jQuery(this).attr("href"),"","");
return false;
})

Il problema, però, è che le gallery caricate dinamicamente non prendono il tema impostato, e le immagini vengono mostrate - diversamente da quelle delle gallery caricate subito nella pagina - nude, senza alcun elemento (cornice, thumbnails, pulsanti avanti/indietro...).
Come risolvo?

[lucavizzi]

Dovresti risolvere istanziando PrettyPhoto sugli elementi aggiunti.

[metatad]

Ma prettyPhoto non si istanzia sugli elementi... ma così:

$("a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'facebook',slideshow:3000, autoplay_slideshow: false});
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});

Infatti, per rendere cliccabili le miniature caricate successivamente si fa ricorso a:

jQuery("body").on("click", "a[rel^='prettyPhoto']", function() {    jQuery.prettyPhoto.open(jQuery(this).attr("href"),"","");
    return false;
})

... la difficoltà è che così non prende il tema (look) prefissato sui nuovi elementi.

[lucavizzi]

Ma prettyPhoto non si istanzia sugli elementi... ma così:

$("a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'facebook',slideshow:3000, autoplay_slideshow: false});
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});

Perché, gli "a[rel^='prettyPhoto']" non sono forse elementi?

Se ne aggiungi di nuovi, devi comunque inizializzare il plugin con

$("a[rel^='prettyPhoto']").prettyPhoto();

[metatad]

Hai ragione, funzia... :-)