本文概述
- 5. jQuery Zoom
- 4. Magnifier.js
- 3. Drift
- 2. EasyZoom
- 1. jQuery Image Zoom
- Cloud Zoom
享受以下5个最无能为力的放大镜免费插件的集合, 并使用它们公开你客户的产品。
5. jQuery Zoom Github |演示版
jQuery Zoom是一个用于在触摸, 单击或鼠标悬停事件上放大图像并支持触摸事件的插件。 Zoom将html附加到分配给它的元素内, 因此该元素必须能够接受html, 例如< a> , < span> , < li> , < div> 等。
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/030100AK-0.png)
文章图片
4. Magnifier.js Github |演示版
Magnifier.js是一个Javascript库, 可对图像启用放大镜效果。
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/030100N21-1.png)
文章图片
3. Drift Github |演示版
Drift是一个简单, 轻巧, 不依赖JavaScript的” 悬停缩放” 插件。你可以将鼠标移到图像上(或触摸它)以查看实际效果。易于实现和可定制。
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/0301001031-2.png)
文章图片
2. EasyZoom Github |演示版
EasyZoom是一个优雅的, 高度优化的jQuery图像缩放和平移插件。 EasyZoom支持启用触摸的设备, 并且可以使用CSS轻松自定义。支持叠加和相邻模式。
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/03010054V-3.png)
文章图片
1. jQuery Image Zoom 演示版
jQuery Image Zoom是一个非常灵活的插件, 它提供了许多缩放模式, 你可以将一组图像附加到缩放中, 可以将缩放窗口大小调整为任意比例, 并且可以使用镜头缩放设置来” 放大图像” 。而不是正方形。
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/030100K03-4.png)
文章图片
Cloud Zoom Cloud Zoom是在许多知名零售网站上使用的超平滑, 启用触摸的jQuery图像缩放插件。可惜, 你需要购买许可证才能使用它, 但是如果你足够聪明, 可以找到解决此” 问题” 的方法。
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/0301003930-5.png)
文章图片
缩放
Github |演示版
缩放是易于实现的图像缩放库:
- 纯JavaScript并考虑到了移动性。
- 具有直观手势的流畅动画。
- 如果提供, 则放大至高分辨率图像。
- 易于集成和可定制。
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/0301003927-6.jpg)
文章图片
华丽的
Github |演示版
Magnificent是一个非常简单且实用的jQuery插件, 可在图像等中创建响应式缩放效果。
【5+最佳的javascript和jQuery照片放大镜插件】Magnificent 2.0版的基本功能包括:
- 滚动缩放
- 拖动互动
- 内联选项
- 控制按钮
- 拇指和变焦的不同比例
- CSS 3D转换
- 活动支持, 例如用于统计/ HUD
![5+最佳的javascript和jQuery照片放大镜插件](http://img.readke.com/220521/0301002961-7.jpg)
文章图片
如果你知道另一个很棒的放大镜插件, 请不要害羞, 请在评论框中与社区分享。
推荐阅读
- 5+最好的javascript和jQuery颜色选择器插件
- 5个最好的javascript免费图表库
- GPS Android - 只定位一次
- Android Studio GeoDataClient无法解析
- 在Android 8中使用带DOZE的GPS
- Android kotlin - 应用程序在检查GPS是否启用时停止
- 如何检查我是否在Android 4.4及以上版本中以编程方式打开gps( [重复])
- Android Geolocation在模拟器中工作但不在手机中工作
- 如何在Android上以编程方式启用或禁用GPS()