zooming.js 是一款纯 JavaScript 智能缩放图片预览插件。该图片缩放预览插件无任何外部依赖,使用纯 Js 来实现,它可以在点击页面中的缩略图之后,切换到高清大图来显示。
在页面引入 zooming.js 文件。
<script src="zooming.js"></script>
使用该插件的方法非常简单,只需要在需要进行缩放的图片上添加 data-action="zoom"属性即可。
<img src="img/sample.jpg" data-action="zoom" />
或者使用 data-original 属性来使放大的图片指向高清大图。
<img src="img/thumbnail.jpg" data-action="zoom" data-original="img/original.jpg" />
Github 地址:https://github.com/kingdido999/zooming
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!