Passare parametri aggiuntivi ad iframe PrettyPhoto

La soluzione che vi mostro oggi vi permette di passare ulteriori parametri all'href del vostro iframe aperto tramite PrettyPhoto.

Partiamo innanzitutto dal metodo base per aprire un iframe tramite PrettyPhoto.

Codice HTML:

<a href="//www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">apri Google in iframe</a>

Codice JavaScript:

$(document).ready(function(){
  $("a[rel^=prettyPhoto]").prettyPhoto({
    animation_speed    : 'normal',
    slideshow          : 3000,
    autoplay_slideshow : false,
    social_tools       : '',
    allow_resize       : false,
    deeplinking        : false,
    allow_resize       : true,
    overlay_gallery    : false,
    autoplay           : false
  });
});

Il codice sopra riportato vi permette già di aprire un iframe, per passargli altri parametri dovete passarli prima dei parametri relativi all'iframe altrimenti non vi funzionerà, quindi supponendo che vogliate passargli un parametro esempio, il codice sopra riportato diventa:

<a href="//www.google.com?miopar=xyz&iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">apri Google in iframe</a>

Alla prossima