2012-10-02 31 views
3

这里是我的代码的iframe的如何设置Fancybox iFrame v 2.1的高度?

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#popup").fancybox({ 
      'width': 500, 
      'height': '500', 
      'transitionIn': 'elastic', 
      'transitionOut': 'elastic', 
      'type': 'iframe' 
     }); 
    }); 
</script> 

宽度设置,但身高没有设置。 请让我知道我哪里错了?

谢谢。

回答

8

我把它做这个解决......

$(document).ready(function() { 
     $("#popup").fancybox({ 
      fitToView: false, 
      autoSize: false, 
      autoDimensions: false, 
      width: 520, 
      height: 310, 
      title: 'Login', 
      helpers: { 
       title: { 
        type: 'float' 
       }, 
      }, 
      'transitionIn': 'elastic', 
      'transitionOut': 'elastic' 
     }); 
    }); 

谢谢你,反正...

2

你的高度变量值应该是一个数字,现在你把它作为一个字符串。所以,你的代码应该看起来更像是这样的:

<script type="text/javascript"> 
    $(document).ready(function() { 

     $("#popup").fancybox({ 
      'width': 500, 
      'height': 500, 
      'transitionIn': 'elastic', 
      'transitionOut': 'elastic', 
      'type': 'iframe' 
     }); 
    }); 
</script> 
2

假设你有类“ fancybox“和”fancybox.iframe“在你的元素上,完成你所需要的最低要求是:

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