个性化阅读
专注于IT技术分析

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

本文概述

如果你在市场应用程序(电子商务)上工作, 则此类插件非常有用。当你尝试决定选择哪个选项时, 花式效果和漂亮的外观是真正重要的因素, 因为这将是用户的体验。

享受以下5个最无能为力的放大镜免费插件的集合, 并使用它们公开你客户的产品。

5. jQuery Zoom

Github |演示版

jQuery Zoom是一个用于在触摸, 单击或鼠标悬停事件上放大图像并支持触摸事件的插件。 Zoom将html附加到分配给它的元素内, 因此该元素必须能够接受html, 例如<a>, <span>, <li>, <div>等。

jQuery zoom插件

4. Magnifier.js

Github |演示版

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

Magnifier.js

3. Drift

Github |演示版

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

Drift.js

2. EasyZoom

Github |演示版

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

Easy Zoom jQuery插件

1. jQuery Image Zoom

演示版

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

jQuery图像缩放插件

Cloud Zoom

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

Cloud Zoom

缩放

Github |演示版

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

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

华丽的

Github |演示版

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

Magnificent 2.0版的基本功能包括:

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

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

赞(0)
未经允许不得转载:srcmini » 5+最佳的javascript和jQuery照片放大镜插件

评论 抢沙发

评论前必须登录!