相册插件

zoomImg相册&大图预览插件

馋奶兔 提交于 2020-03-03 16:22:27
最近整理了之前写过的一个jquery插件,该插件主要功能实现类似于相册的功能,在图片网站上很常见。也有一些比较流行的图片预览组件比如fancybox。 但是fancybox依然有它无法解决的问题,比如它不支持缩放,只能弹出一个经过它计算后觉得合适的固定宽高图片。还有另外一个痛点,我找了一个可以缩放的组件,但是当我大图加载出来的时候,图片不是从头开始显示的,而是从图片中间开始。这对用户体验来说有点糟糕,我需要把图片重新拖到顶部再来欣赏图片。另外我的平台为设计师服务,绝大部多数图片都是手机上的长图或者pc上拼接起来的设计稿。因此,我决定自己写一个组件,解决这两个问题。 zoomimg基于以上的背景产生了,它解决问题: 图片不能自由缩放,即固定宽高问题; 大图加载出来不从头部开始显示,而从中间开始显示 github地址 : https://github.com/jacoobwang/zoomImg ( 大家如果觉得还可以,希望可以给个star ) Gif演示 ,由于压缩原因,质量受到一定影响 使用方法: <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="zoom-img.min.js" ></script> <script type="text