2012-10-02 64 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 
});