js点击图片加一，js点击图片更换图片

js这种点击下面小图,上面大图跟着变是怎么写的??

1、function initevent(){ $(span).each(function(){ (this).click(function(){//当点击发生时 //下面五行的作用是，当单击事件发生时，默认将所有小写1，2，3透明度变成60%。

2、下面都是小图，上面是大图，都是标签的话，只是尺寸的不同，给下面图片都加个onclick点击事件，更改上面的大图的href值，应该可以的吧。这是我的思路。如果想弄成图片浏览的效果，用网上的人家做好的效果就是了。

3、onMouseOut=javascript：this.style.height=80px；this.style.weight=80px onMouseOver 对应的height 和widtth是鼠标经过的变大的值，onMouseOut对应的是原始大小。

4、第二种方法，只有一个大的div，里面放标签，但是src也就是路径是空的，然后当你点击第一个小图的时候，给这个img标签的src赋值，也就是第一个大图的路径，点击第二个，路径变更。

5、用js或者jquery 有8个小图对吧 然后每张小图对应下面一个位置开始的内容，假设第一张图距离顶部的距离是500px 你写一个函数，控制滚动条向下移，scrollTop+speed. speed是你自己设置的数值，作为速度用。

6、上面的是你的要求。下面是一个小例子。可以实现图片在页面上滚动。

相关问答

Q1: 如何通过js获取网页中所有图片并加入点击事件,实现

1、有两种方式供选择我推荐第一种，一：去阅读相关的网页里的js和网页请求之后的header，通过hander知道这个获取这个信息的接口。通过httpclient来获知你想要的信息。

2、首先获取img元素。使用document.getElementById(img的ID名)获取想要添加点击事件的img标签。然后对获取到的元素添加点击事件。

3、最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

Q2: ...div里原来有一个图片,然后点击图片上一个点,从中间向两边展开一个...

/div 你可以把下一张的图片作为.imgList的背景，当前的图片作为.l与.r的背景图片（.l与.r各占图片的一半大小）；当点击.l或者.r上的图片时，动态改变他们的位置，即向两边移动，那么就可以实现你要的效果了。

一般是这个层是隐藏的(display：none)，然后点击你说的图片(或者任何的页面元素)，这个层就会显示（一般display：inline-block/block），同时设置一个灰色的背景看起来这个层是浮于下面的层之上的。

你现在的效果应该是鼠标移上去之后会变成另外一张图片。

Q3: HTML怎么设置点击一张图片换一张图片

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签中，填入js代码：setInterval($(img).attr(src， smallpng)， 1000)；。

2、准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。1。准备切换图片素材，一般是两个，如图，放在img文件夹里，和HTML一个级别。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。

3、需要用到js脚本的onmouseover和onmouseout等。这是非常简单的。但是如果你不了解js可以使用DreamWeaver中的一项功能：插入--图像对象--鼠标经过图像，在弹出的对话框中，选择好“原始图像”和“鼠标经过图像”就行了。

4、首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。其次，完成上述步骤后，在index.html的script标记中，输入下图红框中的jquery代码，如下图所示。

5、要用到js鼠标点击事件，点击后把另一张事先隐藏的图片（隐藏代码为dispaly：none；）显示出来（display：block；）。

js点击图片加一的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js点击图片更换图片、js点击图片加一的信息别忘了在本站进行查找喔。