Comment pouvez-vous définir différents hauteur/largeur pour les iframe dans fancybox V2?

J'ai été en utilisant Fancybox 1.3.4, et là, j'ai les dimensions de l'iframe dans le lien lui-même.

Voici un exemple de la façon dont je l'ai

test.html?width=675&height=470

Quand je clique sur le lien fancybox ouvrir l'iframe avec ces dimensions. Je suis en train Fancybox V2, mais je suis confus sur la façon de définir les dimensions pour les iframes. Je veux que chaque iframe pour avoir des dimensions différentes. Comment aurais-je le faire?

OriginalL'auteur Guillermo Moreno | 2012-04-12

  1. 1

    Définir votre code html (HTML5 DOCTYPE) comme ceci:

    <a class="fancybox fancybox.iframe" data-width="675" data-height="470" href="test.html" >test</a>
<a class="fancybox fancybox.iframe" data-width="400" data-height="200" href="test2.html" >test 2</a>

    (set width et height sur le data- attributs pour chaque élément)

    alors ce script:

    $("a.fancybox").fancybox({
  fitToView: false,
  afterLoad: function(){
   this.width = $(this.element).data("width");
   this.height = $(this.element).data("height");
  }
 }); //fancybox

    devrait faire l'affaire dans la fancybox v2.x

    -@JFK intéressant. Cela fonctionne dans Chrome, FF, Opera, Safari et IE7. Je vais avoir un problème, cependant, avec IE 8 & 9 l'ajout de hauteur (en bas, à environ 10-20 pixels) à la div contenant le lien.
    eu un lien quelconque? t-il se passer la même chose dans cette démo picssel.com/playground/jquery/...?

    OriginalL'auteur JFK