Question

由于图片有时无法显示，而且只是一个小白框，所以设置正确吗？ - 它工作正常，但我无法解决为什么它不再工作......

<script type="text/javascript">
    jQuery(document).ready(function(){
        if (document.cookie.indexOf('visited=true') == -1) {
            var fifteenDays = 1000*60*60*24*15;
            var expires = new Date((new Date()).valueOf() + fifteenDays);
            document.cookie = "visited=true;expires=" + expires.toUTCString();
            $.colorbox({width:"30%", inline:true, href:"#subscribe"});
        }
        });
</script>
<div style="display:none;">
    <div id="subscribe" style="width:475px;">
        <img src="<?= IMAGES_DIR; ?>/signup.jpg" alt="Sign Up To University Compare" />
    </div>
</div>

要查看实时链接，请访问：http://universitycompare.com

Answer 1

我认为问题的存在是因为当图像未完全加载（height: 0）时，颜色框会计算它的高度。因此，请在加载完成后尝试调整大小，或者给它一个高度值。

$.colorbox({ 
    width:"30%", 
    inline:true, 
    href:"#subscribe",
    onComplete : function() { 
       $(this).colorbox.resize(); 
    }    
});

或者

$.colorbox({ 
    width:"30%", 
    inline:true, 
    href:"#subscribe",
    height: "500px"
});

Answer 2

在.cboxLoadedContent，有一个属性height:0px;

这就是问题。尝试更改其值并继续工作。

彩色框中的页面加载时未加载图像

2 个答案: