richiedi subito informazioni chiamando al numero +39 080 4837098

Passare parametri aggiuntivi ad iframe PrettyPhoto

10 lug 2013

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 smiley


Categoria: jQuery
Autore: Francesco

Lascia un commento

Nome: (obbligatorio)


Email: (obbligatoria - non sarà pubblica)


Sito:
Commento: (obbligatorio)

Invia commento


ATTENZIONE: il tuo commento verrà prima moderato e se ritenuto idoneo sarà pubblicato