在幻灯片中添加下一个和上一个按钮
Add next and prev button in slide show
HTML
<img id="myImg"src="slide/2.jpg" name="img" width="1000" height="250"/>
JS
var image1 = new Image();
image1.src = "slide/23.jpg";
var image2 = new Image();
image2.src = "slide/7.jpg";
var image3 = new Image();
image3.src = "slide/4.jpg";
var image4 = new Image();
image4.src = "slide/5.jpg";
var image5 = new Image();
image5.src = "slide/6.jpg";
var step = 1;
function slideImages() {
if (!document.images) {
return
document.images.img.src = eval("image" + step + ".src");
}
if (step < 5) {
step++;
} else {
step = 1;
setTimeout("slideImages()", 3000);
}
}
slideImages();
这一行永远不会执行。
setTimeout("slideImages()", 3000);
因为您使用step = 1
只调用slideImages
函数一次,因此它不会经历else情况。
试试这个。
var image1 = new Image();
image1.src = "slide/23.jpg";
var image2 = new Image();
image2.src = "slide/7.jpg";
var image3 = new Image();
image3.src = "slide/4.jpg";
var image4 = new Image();
image4.src = "slide/5.jpg";
var image5 = new Image();
image5.src = "slide/6.jpg";
var step = 1;
function slideImages() {
console.log('here' + step);
if (!document.images) {
return
}
document.images.img.src = eval("image" + step + ".src");
if (step < 5) {
step++;
} else {
step = 1;
}
setTimeout(slideImages, 3000);
}
slideImages();
相关文章:
- 禁用旋转木马中的下一个按钮和上一个按钮
- 如何在用户返回和上一个按钮时刷新下拉列表
- 当我单击下一个或上一个按钮时,datatable显示旧值
- 为缩略图库和较大图像库添加下一个和上一个按钮
- 当滑块只有一个图像时,如何禁用下一个/上一个按钮
- 图像缩略图库中的“下一个”和“上一个”按钮中的“问题”
- 将“下一步”和“上一个”按钮添加到较大的图像
- jQuery UI 选项卡 - 将参数设置为下一个/上一个按钮单击
- 将下一个和上一个按钮添加到我的图像滑块
- 如何将下一个和上一个按钮添加到图像galary
- 使用数据寻呼机在 asp.net 分页 - 下一个,上一个按钮
- Jquery下一个和上一个按钮循环函数
- 引导选项卡-下一个和上一个按钮
- 使jQuery图像滑块停止在最后一个图像,并添加下一个和上一个按钮
- Jquery UI选项卡&选择方框-下一个/上一个按钮
- 在使用Jquery/Javascript单击下一个和上一个按钮时动态添加图像
- 当我们使用JavaScript点击下一个或上一个按钮时,图像幻灯片播放计时器的速度会加快
- 使用“下一个”/“上一个”按钮切换图像
- 浏览器的“上一个”按钮位置更改
- 显示带有缩略图和下一个/上一个按钮的图像