en utilisant la hauteur et la largeur du set fancybox

Je suis nouveau à la requête j, il est cool, mais je suis collé au plafond sur la façon d’append de la largeur et de la hauteur à un iframe généré après un clic, en utilisant ce code: toutes les suggestions seraient géniales et merci Khadija

$(document).ready(function () { $(".fancybox").fancybox(); }) .height = '600px'; 

Vous devez définir autoSize sur false

 $(".fancybox").fancybox({'width':400, 'height':300, 'autoSize' : false}); 

Pour initialiser la boîte de dialog fancybox pour l’utilisation d’une iframe, limitée à une certaine largeur et hauteur, vous devez disposer d’au moins trois parameters:

jQuery

 $(document).ready(function(){ $(".fancybox").fancybox({ 'width' : 600, // set the width 'height' : 600, // set the height 'type' : 'iframe' // tell the script to create an iframe }); }); 

Vous pouvez en savoir plus sur les options disponibles sur la page API FancyBox .

Essayer:

  $(document).ready(function () { $(".fancybox").fancybox({"width":400,"height":300}); }) 

Hey Utilisez le code donné ci-dessous:

 fancybox({ afterLoad : function () { $.extend(this, { aspectRatio : false, type : 'html', width : '90%', height : '90%', content : '
' }); } });

Ce jeu de code taille de dynamic @ temps d’exécution fantaisie seulement vous devez passer hauteur et largeur ainsi que l’URL de la page, à qui vous voulez définir

Par exemple: demo.aspx // cette instruction appelle une fonction sophistiquée présente dans votre page principale

  window.parent.SetFancySizeDynamic(YourPageUrl,300,200) MainPage.aspx 

// ajoute simplement cette fonction dans votre page principale

  function SetFancySizeDynamic(fbHref, fbWidth, fbHeight) { $.fancybox({ 'padding': 0, 'overlayColor': '#ccc', 'type': 'iframe', 'href': fbHref, 'width': fbWidth, 'height': fbHeight }); } 

Vous devez définir autoSize sur false, a travaillé pour moi

$ (“. fancybox”). fancybox ({‘width’: 400, ‘height’: 300, ‘autoSize’: false});

 jQuery(function($){ $(document).ready(function() { $("#lightwindow").fancybox({ minWidth: 250, width: 250, minHeight: 500, height: 500, 'autoScale': false, 'autoDimensions': false, 'scrolling' : 'no', 'transitionIn' : 'none', 'transitionOut' : 'none', 'type': 'iframe' }); }); }); 

Avec iframe

  $(document).ready(function () { $(".fancybox").fancybox({ width:600, height:400, type: 'iframe', href : 'url_here' }); }) 

Sans iframe

  $(document).ready(function () { $(".fancybox").fancybox({ width:600, height:400, autoDimensions: false, }); }) 

La seule façon qui a fonctionné pour moi était avec précharge = false sur l’iframe:

 $("[data-fancybox]").fancybox({ iframe : { css : { height : '1000px', }, preload : false }, }); 

Si vous avez encore des problèmes

  width = current.width, height = current.height, 

modifiez-le dans jquery.fancybox.js