jQuery和Colorbox：如何自動設置iframe colorbox的高度和寬度

Question

我下載了最新版本的colorbox jquery plugin。現在我爲iframe和inline設置了真正的colorbox。我的問題colorbox（燈箱）沒有設置自動高/寬表單外部頁面。如何解決這個問題？有一種方法呢？

MY顏色框功能：

<script> 
$(document).ready(function(){ 
$(".iframe").colorbox({inline:true,iframe:true}); 
</script> 

感謝

Answer 1

因爲顏色框不會知道什麼是iframe內，自動調整不能工作，你所期望的方式。

我那樣做：

{ iframe: true, innerWidth: 430, innerHeight: 370, scrolling: false, ... } 

選擇大小，這使得最適合您的內容：顏色框將打開並加載IFRAME使用這些選項打開顏色框時設置的默認寬+高進入這個盒子。 在iframe的HTML身體結束，把這個小腳本，它從iframe中調整大小的顏色框：

$(function(){ 
    parent.$.colorbox.resize({ 
     innerWidth:$('body').width(), 
     innerHeight:$('body').height() 
    }); 
}); 

對於第二個腳本工作，必須的jQuery的iframe中加載。否則，你必須使用本機JavaScript來完成這項任務。

並確保該iframe中的所有圖像都設置了寬度/高度或已完全加載。否則，innerWidth/innerHeight會給出不正確的值。