Question

我正在使用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>

Answer 1

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

$(function(){ 
     var $chill = $('[rel$=ChillBox]')
     $chill.ChillBox(); 
     $chill.first().click();
});

窗口准备好后如何自动加载chillbox？

1 个答案: