Javascript简单图片库

编程问答 2022-08-12

问题描述

我试图制作一个简单的JavaScript照片库，其中您可以通过2个按钮将img更改为上一个和下一个img，共有9张图片，如果显示了第9张图片，则按n，它应该显示第一个img，有人可以帮我吗？ 我的代码不起作用。

HTML：

<body>
<img src="img (1).jpg" alt="" height="200">
<button id="previous">previous image</button>
<button id="next">next image</button>

JS：

<script>
let counter = 1;
let img = document.querySelector("img");
let changeImg = function (type) {
    if (type == 1) {
        counter++   
    } else {
        counter--
    }
    if (counter <= 0) {
        counter = 9
    }
    img.setAttribute("src","img ("+counter+").jpeg")
}

let previous = document.getElementById("previous")
let next = document.getElementById("next")

previous.addEventListener("click",chaneImg(1))
next.addEventListener("click",changeImg(2))

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmlimage-galleryjavascript