首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >纯Javascript如何实现图片库点击 ?

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

Stack Overflow用户
提问于 2018-08-17 04:59:41
回答 1查看 0关注 0票数 0

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

JS

代码语言:txt
复制
$(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

代码语言:txt
复制
<section id="photos">
    <h1>Photos</h1>
    <div>
        <img src="img/iris1.jpg" alt="Iris" id="gallery" onclick="next()"> 

    </div>

EN

回答 1

Stack Overflow用户

发布于 2018-08-17 14:46:57

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002234

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档