Attiva Web - Realizzazione siti internet, ecommerce

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 smiley

      Francesco // 10-07-2013 // jQuery

    Lascia un commento

    Invia commento


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