我是 jquery/javascript 的新手,需要帮助!
我想在多个 div 中使用循环插件,每个 div 中有不同的图像。每个 div 大小相同,每个图像大小相同。
到目前为止,我使用的代码显示了第一个 div 中的所有图像,但是当我单击我的徽标(链接到 index.html)时,所有图像突然出现在适当的位置并使用循环插件。
这就是我脑子里的东西
<script type="text/javascript" src="js/jquery-1.3.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#box1').cycle({
fx: 'fade',
speed: 300,
timeout: 0,
next: '#box1',
pause: 1
});
});
$(document).ready(function(){
$('#box2').cycle({
fx: 'fade',
speed: 300,
timeout: 0,
next: '#box2',
pause: 1
});
});
$(document).ready(function(){
$('#box3').cycle({
fx: 'fade',
speed: 300,
timeout: 0,
next: '#box3',
pause: 1
});
});
</script>
身体...
<div id="container">
<div id="box1" class="box">
<img src="images/car.jpg" alt="images/car.jpg"/>
<img src="images/van.jpg" alt="images/van.jpg"/>
</div>
<div id="box2" class="box">
<img src="images/bottle.jpg" alt="images/bottle.jpg"/>
<img src="images/pattern.jpg" alt="images/pattern.jpg"/>
</div>
<div id="box3" class="box">
<img src="images/car.jpg" alt="images/car.jpg"/>
<img src="images/van.jpg" alt="images/van.jpg"/>
</div>
</div>
在 css 中,容器是 position: absolute;
我确信有一个简单的解决方案,但我搜索了 stackoverflow 和其他网站无济于事。任何帮助是极大的赞赏!!!!