我一个接一个地显示图像..但它一次显示两个图像......为什么会出现这种奇怪的行为?
<div Id="BannerDiv">
<img src="images/CIOT flash/im_01.png" alt="image1"/>
<img src="images/CIOT flash/im_02.png" alt="image2"/>
<img src="images/CIOT flash/im_03.png" alt="image3"/>
<img src="images/CIOT flash/im_04.png" alt="image4"/>
<img src="images/CIOT flash/im_05.png" alt="image5"/>
</div>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
jQuery('#BannerDiv > :first').show();
setTimeout(rotate,1000);
});
function rotate() {
var c = jQuery('#BannerDiv > :visible').css({ 'z-index': 2 }).fadeOut(2000, function() {
setTimeout(rotate, 1000);
}).next().css({ 'z-index': 1 }).show();
if (c.length == 0) jQuery('#BannerDiv > :first').css({ 'z-index': 1 }).show();
}
</script>
答案 0 :(得分:0)
嘿伙计们我有这个问题'太多的递归&amp;还有Stack Overflow错误'执行图像循环检查 http://callmenick.com/post/instantiation-patterns-in-javascript
它的名为Functional Instantiation或Closures,返回值等可以修复它。
如果你去这个git repo http://github.com/rebornweb/neoscript
并转到image_cycles文件夹,html dreimage_cycler.html将拥有有效的代码:)
干杯