设一个div,将它的css设为隐藏。在div下添加一个img标签。
<div id= "big_img",class="image"> <img> </img> </div>
.image{ width:100%; height:100%; display:none; }
点击页面上的图片时,将它的图片路径保存到本地,并且隐藏页面上所有内容,用document.getElementById("big_img").style.display = "block"; 将div显示出来。
将本地的路径付给img,图片就放大了。
相关推荐
jQuery图片点击放大支持手机触屏滑动图片展示 jQuery图片点击放大支持手机触屏滑动图片展示 jQuery图片点击放大支持手机触屏滑动图片展示
IOS微博查看图片点击放大
android端图片点击放大,仿微信头像,完整demo。 很好用,也对过渡进行了处理
html网页端一个图片放大缩小切换的图片查看东西,可以旋转,可以全屏。支持大多浏览器,支持一键梭哈。
仿discuz论坛里图片点击放大图片,可移动 等功能 完美可用版 保证能用,不能用骂我
图片点击放大,旋转,缩放等功能集一身的案例,粘贴即可使用,方便快捷,望广大朋友们多多支持,难度不高,非常实用,适合于老项目,在ie上也可以很好的使用。
图片点击放大效果源码,源码包含html布局和css样式,同时含有特效代码。
图片点击放大 小图 大图 希望对你有所帮助
imageView中,图片点击在原图片上放大
iOS图片点击放大,左右滑动浏览,类似于微信朋友圈图片浏览
自定义相册 图片的裁剪 图片点击放大效果
移动端点击图片会变成全屏查看的模式,然后可以进行手势缩放。微信端点击放大图片
纯HTML和JS,CSS实现的点击图片,图片放大的功能
h5实现点击图片,放大当前点击图片并轮播点击元素的同级元素图片,点击图片,将此图片的所有同级图片追加至大图片盒子里,并控制大盒子显示和添加遮罩层,再次点击隐藏遮罩层和大图片盒子
imgZoom图片点击放大
SmoothImageDemo图片点击放大特效 技术交流群: 160373684
仿朋友圈的图片点击放大功能(extend-photoswipe-master)仿朋友圈的图片点击放大功能,无意间看到的,就上传在自己的资源上
图片点击放大js 超漂亮的带缩略图的相册 可控制的点击放大js
主要是new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options); 这几个参数要传对,前两个固定的,文档有些,第三个是放大图片集合,文档里面写了集合需要的参数。
使用jQuery实现的点击图片放大效果。