如何使此幻灯片放映不是自动的,而是单击以更改图像
How to make this Slideshow not automatic but click to change image
这段代码是一个自动幻灯片,我想让它在你点击下一个时转到下一个图像,然后返回到上一个图像
我当前的代码:
<head>
<script type="text/javascript">
var image1 = new Image()
image1.src = "http://www.adactushousing.co.uk/images/upload/coverImage/Local%20Offer%20CCH.jpg"
var image2 = new Image()
image2.src = "http://www.northantspfg.co.uk/resources/uploads/news/wordal13-021142.JPG"
var image3 = new Image()
image3.src = "http://hmstack.files.wordpress.com/2011/07/swimming-for-the-disabled.jpg"
var image4 = new Image()
image4.src = "http://www.northantspfg.co.uk/resources/uploads/news/HiResLocalOffer13-041205.jpg"
</script>
</head>
<img src='"images/pentagg.jpg'" width='"500'" height='"300'" name='"slide'" /></p>
<script type='"text/javascript'">
var step=1;
function slideit()
{
document.images.slide.src = eval('"image'"+step+'".src'");
if(step<4)
step++;
else
step=1;
setTimeout('"slideit()'",2500);
}
slideit();
</script>
您在页面加载时调用函数slideit(),这就是它自动工作的原因,这样做,它应该工作:
<button onclick="slideit()">Next image</button>
<script type='"text/javascript'">
var step=1;
function slideit()
{
document.images.slide.src = eval('"image'"+step+'".src'");
if(step<4)
step++;
else
step=1;
}
</script>
相关文章:
- 单击图像时打开“跨度”标记
- 单击图像后如何创建下拉菜单?[引导/角度]
- 当使用 Javascript 单击图像 A 时,如何将图像 B 的 src 更改为图像 A 的 src
- 单击图像滑块计时器的事件
- 单击图像更改图像并调用函数
- 如何通过单击图像按钮打开图像
- Div在单击图像时未执行slideTogle()
- 单击图像时如何播放音乐
- 尝试单击图像并打开模式ajax
- 画布:单击图像
- 使用javascript和php,在单击图像时将其移动到另一个位置
- 单击图像时播放声音
- 单击图像时不会出现圆圈,但对其他人有效
- 图像可以'单击图像时不会显示
- 单击图像时从数据库加载选项id
- 单击图像,获取坐标并将其保存在数据库JavaScript和Rails中
- 单击图像不执行任何操作
- 单击图像几秒钟后,打开一个链接
- 在 IE7 和 IE8 中单击图像时触发的 window.blur
- 如何在悬停图像时显示某些信息,并在单击图像时显示某些内容