zooming.js

zooming.js 介绍

zooming.js是一款纯JavaScript智能缩放 图片 预览 插件 。该 图片 缩放预览 插件 无任何外部依赖，使用纯js来实现，它可以在点击 页面 中的 缩略图 之后，切换到高清大图来 显示 。

zooming.js使用

1、安装或引入

npm install zooming --save

或

<script src="zooming.js"></script>

2、html

<img src="img/sample.jpg" data-action="zoom" />

只需要在需要进行缩放的 图片 上 添加 data-action="zoom" 属性 即可，或者使用data-original 属性 来使放大的 图片 指向高清大图：

<img src="img/thumbnail.jpg" data-action="zoom" data-original="img/original.jpg" />

网站地址 : https://desmonding.me/zooming/

GitHub: https://github.com/kingdido999/zooming

网站描述: 一款纯Js智能缩放 图片 预览 插件

zooming.js官方网站

官方网站： https://desmonding.me/zooming/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于zooming.js的详细内容...