我找到了一个关于使用JavaScript创建简单幻灯片的教程。所以我尝试它,它是成功的。但导航按钮是Play/Stop的按钮类型。将按钮更改为图像导航滑块Javascript
我想将其更改为名为play的图像导航和另一个名为stop的图像。当我点击播放图像时,图像停止会出现,播放图像将被隐藏。当我点击停止图像时,会出现播放图像并停止图像。
这里是我的JavaScript:
var interval = 2000; // You can change this value to your desired speed. The value is in milliseconds, so if you want to advance a slide every 5 seconds, set this to 5000.
var switching = setInterval("toggleSlide(true)", interval);
window.paused = false;
function toggleInterval() {
var button = document.getElementById("pauseButton");
if(!window.paused) {
clearInterval(switching);
button.value = "Resume";
} else {
switching = setInterval("toggleSlide(true)", interval);
button.value = "Pause";
}
window.paused = !(window.paused);
}
这里是我的HTML(一):
<div align="right">
<input id="pauseButton" onclick="toggleInterval()" type="button" value="Pause" />
</div>
这是我的HTML现在:
<div align="right">
<img src="../asset/images/play.png" title="Play" id="pauseButton" onclick="toggleInterval()" />
<img src="../asset/images/stop.png" style="cursor:pointer; display:none;" title="Stop" onclick="toggleinterval(true)" />
</div>
感谢您的回答