如何在窗口就绪时自动加载冷藏箱

how to auto load chillbox when window ready?

本文关键字：加载 冷藏 窗口 就绪      更新时间：2023-09-26

我正在使用ChillBoxs Jquery插件，在我的网站上有更多的图像，但当窗口准备好时，我希望所有图像中的一个加载为弹出图像，而不需要访问者点击。

问题：当窗口已经加载时，我无法调用其中一个图像进行第一次弹出。

这是我的JS ChillBoxs

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/chillbox-packed.js"></script> 
<script type="text/javascript">
$(function(){ 
     $('[rel$=ChillBox]').ChillBox(); 
}); 
</script> 
</head>
<body>

这是图像

<a href="images/a1.jpg" rel="ChillBox" >
    <img src="images/a1.jpg" />
</a>
<a href="images/a2.jpg" rel="ChillBox" >
    <img src="images/a2.jpg" />
</a>
<a href="images/a3.jpg" rel="ChillBox" >
    <img src="images/a3.jpg" />
</a>
<a href="images/a4.jpg" rel="ChillBox" >
    <img src="images/a4.jpg" />
</a>
<a href="images/a5.jpg" rel="ChillBox" >
    <img src="images/a5.jpg" />
</a>

尝试添加一个简单的点击触发器：

$(function(){ 
     var $chill = $('[rel$=ChillBox]')
     $chill.ChillBox(); 
     $chill.first().click();
});
相关文章：