Viewer图片预览插件
图片预览插件里的老大哥，viewer算是我用下来最顺手的一个了。全屏预览、拖拽、缩放这些基本操作它全都支持，而且用起来还挺丝滑，交互做得蛮细。像你做电商图册预览，或者图片类博客展示，用它真的省不少事。
核心是一个小巧的 JavaScript 库，不依赖 jQuery，初始化也简单，绑定一下图片容器就能直接用，省去不少事件的麻烦。
懒加载做得也还不错，图片滑动到可视区域才加载，页面打开速度快些。而且大图多的时候也不会觉得卡，响应还挺快。
它支持的自定义项也多，inline模式、弹窗模式都能选，导航按钮你也可以改样式，想弄个全黑背景+白图标风格也轻松搞定。
移动端表现也稳，支持触摸事件，滑动切图、双指缩放这些常规操作它都能接得住。你要是做微信 H5 或者 App 内嵌网页，放它进去也不用担心兼容性。
结构方面，一般你只要写一组new Viewer(dom, options)就能用，没啥复杂逻辑。样式可以根据项目定制，图层阴影、按钮样式那些都能改。
用场景也多，像商品详情页、图片分享类项目，或者资讯站的文章图集都挺合适。你要是做用户上传内容的管理后台，那种图太多的地方，这插件简直就是效率神器。
如果你想了解懒加载细节，可以看看图片懒加载方案这篇文章，讲得还挺实用。
，viewer这类图片预览插件，能让你的前端体验直接加分。如果你页面图比较多，又不想跳转加载，用它真挺稳的。
文件大小：2.89MB
评论区