js中小图点击显示大图，js实现点击图片放大

js怎么做到点击小图弹出大图的

js做点小图弹出大图的，一般都是分成了2份图片文件的，一种小的缩略图，一种是大的图片。

遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。

{ ingList[i].onclick=function(){ this.style.position=fixed；this.style.width=800px；this.style.top=200px；} } 这只是图片放大，你说的左右移动的那种，要俩个按钮，然后换放大图片的对象就行。

这个一般是用css来显示特定内容的。譬如有张图片icon.png，里面有很多内容，便可以在css中这么用。

相关问答

Q1: css和js怎么控制html点击一张小图片就显示一张大图片?

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

3、{ ingList[i].onclick=function(){ this.style.position=fixed；this.style.width=800px；this.style.top=200px；} } 这只是图片放大，你说的左右移动的那种，要俩个按钮，然后换放大图片的对象就行。

4、先关闭弹出层，后关闭遮罩层。点击按钮后，弹出，要给按钮加上onclick函数，button onclick=popDiv(form，back)点我，显示弹出层/button。整体代码如下，css 样式可根据个人的喜好自行添加。

Q2: 点击缩略图弹出大图效果js

1、JS实现鼠标移动到缩略图显示大图的图片放大效果？可以用js事件“onmouseover”和“onmouseout”来实现。

2、js做点小图弹出大图的，一般都是分成了2份图片文件的，一种小的缩略图，一种是大的图片。

3、所谓的缩略图其实就是设置了一个长宽小点的去存放这张图片，在的点击事件中再去更改它的长宽达到放大效果，当然这样可能会打乱页面布局，所以你可以做成像QQ空间那样，点击图片后利用遮罩层显示放大的图片。

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

5、这是一个简单的Jquery效果。类似淘宝中宝贝的产品图片一样，底部为缩略图，点击底部缩略图，顶部显示大图。

关于js中小图点击显示大图和js实现点击图片放大的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。