如何在fancybox中设置iframe的高度和宽度 [英] how to set height and width of iframe in a fancybox

问题描述

我想在fancybox中打开一个弹出式aspx webform，我可以在一个精美的盒子中打开webform

但是我无法设置iframe的高度和宽度。

Hi,I want to open a popup aspx webform in a fancybox ,i am able to open webform in a fancy box
but i am unable to set height and width of iframe.

function ShowImagePopUpDiv() {

    var date = new Date();
 
   
    $.fancybox({

        'cyclic': false,
        'autoScale': true,
        'padding': 10,
        'opacity': true,
        'speedIn': 1700,
        'speedOut': 1000,
        'changeSpeed': 500,
        'overlayShow': true,
        'overlayOpacity': "0.9",
        'overlayColor': "#000",
        'titleShow': false,
        'titlePosition': 'inside',
        'enableEscapeButton': true,
        'showCloseButton': true,
        'showNavArrows': true,
        'hideOnOverlayClick': true,
        'hideOnContentClick': false,
        'width': 350,
        'height': 200,
        'transitionIn': "elastic",
        'transitionOut': "elastic",
        'centerOnScroll': true,
        'easingIn': "easeOutBack",
        'easingOut': "easeInBack",
        'easingChange': "easeInOutExpo",
      
        type: 'iframe',
        autoSize: true,
       
        href: 'PopUpImageMasterAssetCard.aspx?param=' + date + '&ddlImageAddRemove=' + $("#hndAddRemoveDdl")[0].value + '&hndImageExist=' + $("#hndImageExist")[0].value + '&ddlassetdesc=' + $("#ddlassetdesc")[0].value + '&hndCatID=' + $("#hndCatID")[0].value + ''
    });

  
  

}

推荐答案

.fancybox（{

'cyclic'：false，
'autoScale'：true，
'padding'：10，
'opacity'：true，
'speedIn' ：1700，
'peedOut'：1000，
'changeSpeed'：500，
'overlayShow'：是的，
'overperOpacity'：0.9，
' overlayColor'：＃000，
'titleShow'：false，
'titlePosition'：'inside'，
'enableEscapeButton'：true，
'showCloseButton'：true，
'showNavArrows'：true，
'hideOnOverlayClick'：true，
'hideOnContentClick'：false，
'width'：350，
'height'：200，
'transitionIn'：弹性，
'transitionOut'：弹性，
'centerOnScroll'：true，
'easingIn'：easeOutBack，
'easingOut'：easeInBack，
'easingChange'：easeInOutExp o，

类型：'iframe'，
autoSize：true，

href：'PopUpImageMasterAssetCard.aspx？param ='+ date +'& ddlImageAddRemove ='+

.fancybox({ 'cyclic': false, 'autoScale': true, 'padding': 10, 'opacity': true, 'speedIn': 1700, 'speedOut': 1000, 'changeSpeed': 500, 'overlayShow': true, 'overlayOpacity': "0.9", 'overlayColor': "#000", 'titleShow': false, 'titlePosition': 'inside', 'enableEscapeButton': true, 'showCloseButton': true, 'showNavArrows': true, 'hideOnOverlayClick': true, 'hideOnContentClick': false, 'width': 350, 'height': 200, 'transitionIn': "elastic", 'transitionOut': "elastic", 'centerOnScroll': true, 'easingIn': "easeOutBack", 'easingOut': "easeInBack", 'easingChange': "easeInOutExpo", type: 'iframe', autoSize: true, href: 'PopUpImageMasterAssetCard.aspx?param=' + date + '&ddlImageAddRemove=' +

（＃hndAddRemoveDdl）[0] .value +'& hndImageExist ='+

("#hndAddRemoveDdl")[0].value + '&hndImageExist=' +

（＃hndImageExist） [0] .value +'& ddlassetdesc ='+

("#hndImageExist")[0].value + '&ddlassetdesc=' +

这篇关于如何在fancybox中设置iframe的高度和宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！