如题所述
<script type="text/javascript">
window.onload = function() {
// 图片地址数组
var image_urls = ["first.jpg", "second.jpg", "third.jpg", "fourth.jpg"];
// 初始化数组键值 (0 = 第一个图片)
var idx = 0;
// 点击 id 为 img 的图片
document.getElementById("img").onclick = function() {
// idx + 1,如果为最后一张,还原回第一张
idx = idx === image_urls.length - 1 ? 0 : idx + 1;
// 设置 src
this.src = image_urls[idx];
// 测试
alert(this.src);
};
};
</script>
window.onload = function() {
// 图片地址数组
var image_urls = ["first.jpg", "second.jpg", "third.jpg", "fourth.jpg"];
// 初始化数组键值 (0 = 第一个图片)
var idx = 0;
// 点击 id 为 img 的图片
document.getElementById("img").onclick = function() {
// idx + 1,如果为最后一张,还原回第一张
idx = idx === image_urls.length - 1 ? 0 : idx + 1;
// 设置 src
this.src = image_urls[idx];
// 测试
alert(this.src);
};
};
</script>
上面代码只用了一个 img,点击更换地址。
还是你想全部隐藏(除当前图片),点击后显示下一张?
你的那个我不太懂,能帮我改一下我的这个代码吗?不知道问题出在哪里了!!急!!!
其实我写的和你的这个思路是一样的
你的代码中当点击的时候需要判断当前键值是 0 或 1 或 2,如果是 2 则还原到 0,反之 +1
把你的 function 改为下面这样就可以了,myimage[x] 不能加引号,因为是变量。
function changeimage() {
x = (x === myimage.length - 1) ? 0 : x + 1;
document.getElementById("myimage").src = myimage[x];
}
温馨提示:答案为网友推荐,仅供参考