图像是't在colorbox中加载页面

Image isn't loading on page load in colorbox

本文关键字：colorbox 加载 图像      更新时间：2023-09-26

我在正确加载时遇到了一些问题，因为图像有时不会显示，而只是一个白色的小盒子，一切都设置好了吗？-它起作用了，但我不明白为什么它不再起作用了。。

<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

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

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

或

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

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

这就是问题所在。试着改变它的价值，就会奏效。

相关文章：