我使用setInterval
编写简单的幻灯片,我也有2个jQuery函数用于切换div。代码似乎有效,但存在小问题。当我导航到网站切换div部分工作完美。但是当第一次滑动更改切换功能停止工作时。
$(document).ready(function () {
var ImageCount = 1;
var ImageTotal = 3;
setInterval(function SlideAuto() {
if (ImageCount == 1) {
ImageCount = ImageCount + 1;
} else {
if (ImageCount < ImageTotal) {
ImageCount = ImageCount + 1;
} else {
if (ImageCount == ImageTotal) {
ImageCount = 1;
}
}
}
var ImageURL = 'img/SliderIMG/' + ImageCount + '.jpg';
$("#SliderIMG").attr('src', ImageURL);
}, 3000);
$("#tab1").click(function () {
$("#con1").toggle("fade");
$("#con2").toggle("fade");
});
$("#tab2").click(function () {
$("#con1").toggle("fade");
$("#con2").toggle("fade");
});
});