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会给出不正确的值。