zoomify.js是一款非常实用的jQuery图片放大预览Lightbox插件。 zoomify.js可以在用户点击页面中的小图片时,将该图片的高清版本以Lightbox的方式放大显示在页面的中间,提高用户的体验度。 使用该图片放大预览插件需要在页面中引入jquery和zoomify.min.js ...
分类:
Web程序 时间:
2018-01-03 13:54:03
阅读次数:
553
然后后之前的项目,突然往微信上迁移了,一些微信的接口没怎么用过,比较陌生,这次的功能是想调用微信的接口,实现图片放大的功能, 就找到官方文档:http://qydev.weixin.qq.com/wiki/index.php?title=微信JS-SDK接口#.E9.A2.84.E8.A7.88.E ...
分类:
微信 时间:
2017-12-26 12:06:41
阅读次数:
863
1、 引用微信的JS 2、初始化点击放大监听方法(加载完成后调用此方法) 3、注意 a.测试效果要在微信上测试(我在电脑浏览器测试会报错) b.如果在微信上测试,点击预览后出现一直在加载无法显示的情况,建议把图片的路径设置成全路径, ...
分类:
微信 时间:
2017-12-20 20:06:12
阅读次数:
399
花了很长时间撸了个网站,观点,其中需要一个图片放大功能,网上找了半天发现都没有中意的,最后无奈之下自己写了一个,演示地址,演示图片: 自我感觉效果还不错,现在分享开来给大家看看,哪里不好还请多多指教,谢谢大家。 css 部分: js 部分: 代码是毫无保留公开,绝对可以使用的,喜欢给我点个赞,也可以 ...
分类:
Web程序 时间:
2017-12-17 18:04:40
阅读次数:
203
源码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3伪放大镜(图片放大动画)效果</title><style>.gallery{list-style:none}.gallery:before,.gal ...
分类:
Web程序 时间:
2017-12-07 17:34:59
阅读次数:
263
在鑫旭大神博客,看到这个插件的效果,觉得效果真的好好啊,佩服佩服呀。 不禁觉得大神的Css功底真的很深。再次佩服。 贴出研究过的插件源码,里面注释都是我自己琢磨的,如有不同意见欢迎探讨。 demo源码 效果图 点击左上角图片进行该图片放大。 个人总结:CSS写的真的很好,工整而且美观有效,兼容性很好 ...
分类:
其他好文 时间:
2017-12-05 18:56:45
阅读次数:
134
主要是使用 css3的animation,scale等于1是原图大小,大于1是把图片放大,小于1 是把图片缩小。animation-delay用来延迟5秒触发这个动画 ...
分类:
Web程序 时间:
2017-11-30 19:16:10
阅读次数:
293
原作者地址:https://github.com/lemontree2000/vue magnify 经测试,原插件在使用时有bug,即在预览时进行鼠标滚动,导致遮罩层计算错误。我已修复该bug,特分享出来。 组件核心代码: 使用: 效果图: ...
分类:
其他好文 时间:
2017-11-28 19:50:15
阅读次数:
1323
图片放大抖动:(不同的角度显示不同的大小,形成抖动的效果)<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .hongbao { width: 3.25rem; height: 3.2rem; position ...
分类:
其他好文 时间:
2017-11-27 14:13:25
阅读次数:
98
<script> var Event = new Vue(); //组件A var A = { data: function() { return { a: "../images/1.jpg", b: "../images/2.png", c: "../images/3.jpg" } }, temp ...
分类:
其他好文 时间:
2017-11-21 23:43:18
阅读次数:
127