纯Javascript如何实现图片库点击 ?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (46)

我试图用Javascript制作一个简单的点击式照片库(没有库),我已经玩了一整天了,我不知道我的代码到底出了什么问题。当我在浏览器中点击照片时,什么都不会发生。

JS

$(document).ready(function(){

var photoAlbum = ["img/iris1.jpg", "img/iris2.jpg", "img/iris3.jpg", "img/iris4.jpg", "img/iris5.jpg", "img/iris6.jpg"];

var i = 0;


function next(){
    i++;
    if(i == photoAlbum.length) i = 0;
    document.getElementById("gallery").src = photoAlbum[i];
}

});

HTML

<section id="photos">
    <h1>Photos</h1>
    <div>
        <img src="img/iris1.jpg" alt="Iris" id="gallery" onclick="next()"> 

    </div>

提问于
用户回答回答于

如果在另一个函数中声明函数,onClick事件现在就不存在了。

扫码关注云+社区

领取腾讯云代金券