这是我的代码:我想通过单击按钮来更改img src,然后将其添加到计数器中以再次更改下一张照片,但仅显示第一张照片!并且我在此路径中有8 img:images / slides / writing $ {0-7};
slider = () =>{
let i=0;
let slides = document.getElementById('slides').getElementsByTagName('img')[0];
slides.src = `images/slides/writing${i}.jpg` ;
i++
}
<section id="slides">
<picture>
<img src="" alt="Slide img">
<input type="button" value="change" onclick="slider()">
</picture>
</section>
您始终i
在函数内部将其设置为0,只需将其设置为全局并确保不超过7
:
let i=0;
slider = () =>{
if(i==8) i=0;
let slides = document.getElementById('slides').getElementsByTagName('img')[0];
slides.src = `images/slides/writing${i}.jpg` ;
i++
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句