5+最佳的javascript和jQuery照片放大镜插件

本文概述

• 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>等。

4. Magnifier.js

Github |演示版

Magnifier.js是一个Javascript库, 可对图像启用放大镜效果。

3. Drift

Github |演示版

Drift是一个简单, 轻巧, 不依赖JavaScript的”悬停缩放”插件。你可以将鼠标移到图像上(或触摸它)以查看实际效果。易于实现和可定制。

2. EasyZoom

Github |演示版

EasyZoom是一个优雅的, 高度优化的jQuery图像缩放和平移插件。 EasyZoom支持启用触摸的设备, 并且可以使用CSS轻松自定义。支持叠加和相邻模式。

1. jQuery Image Zoom

演示版

jQuery Image Zoom是一个非常灵活的插件, 它提供了许多缩放模式, 你可以将一组图像附加到缩放中, 可以将缩放窗口大小调整为任意比例, 并且可以使用镜头缩放设置来”放大图像”。而不是正方形。

Cloud Zoom

Cloud Zoom是在许多知名零售网站上使用的超平滑, 启用触摸的jQuery图像缩放插件。可惜, 你需要购买许可证才能使用它, 但是如果你足够聪明, 可以找到解决此”问题”的方法。

缩放

Github |演示版

缩放是易于实现的图像缩放库：

• 纯JavaScript并考虑到了移动性。
• 具有直观手势的流畅动画。
• 如果提供, 则放大至高分辨率图像。
• 易于集成和可定制。

华丽的

Github |演示版

Magnificent是一个非常简单且实用的jQuery插件, 可在图像等中创建响应式缩放效果。

Magnificent 2.0版的基本功能包括：

• 滚动缩放
• 拖动互动
• 内联选项
• 控制按钮
• 拇指和变焦的不同比例
• CSS 3D转换
• 活动支持, 例如用于统计/ HUD

如果你知道另一个很棒的放大镜插件, 请不要害羞, 请在评论框中与社区分享。