开发者社区> 沉默术士> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

10 款免费的 jQuery 图像缩放插件

简介:
+关注继续查看

设计电子商务网站必知的十款免费 jQuery 图像缩放插件

Jquery 图像缩放插件不仅简单易用,而且还能够给予用户更好的体验。你只需要在图像或产品上移动鼠标,你将看到图片或产品的详细信息。

今 天,我们来分享一些 jQuery 图像缩放插件。事实上,图像缩放是很多在线购物网站最基本的组成部分。如果你是开发人员,你想在网站中使用图像缩放功能的话,推荐你使用下面十款 jquery 图像缩放插件。你可以根据需要,选择任意你想要的图像缩放插件,而且还免费哦。

EasyZoom


<a href=https://yqfile.alicdn.com/bc532d118f8beeaede5e4d65a28372d27b62c480.png
" >

Demo | Download

EasyZoom 是一个 jQuery 图像缩放和平移插件。它支持触摸屏设备,且能用 CSS 来设计你想要的效果。

zoom.js


0be1884e43ab0a1ceac98b22a409353f3ba3b4f2

Demo | Download

zoom.js 是一款灵巧的 jQuery 图像缩放插件。点击图片,即可放大/缩小你的图片。更有趣的是,只要你滚动图片即可查看过去浏览过的图片。

picZoomer


a06ef95b0fad0255c7ea05d3f19481882d1f256e

Demo | Download

picZoomer 是一个非常小的 jQuery 插件,通过鼠标悬停放大图像,同时支持缩略图实现导航。你可以在电子商务网站使用该插件创建一个产品浏览页面,它允许访问者通过缩略图查看产品的的不同照片,且支持单独放大照片。

jQuery Zoom


90c2e057c47406db62a2b73580972f0065b67fd0

Demo | Download

jQuery Zoom 是一个易于使用的 jQuery 图像缩放插件,你可以通过点击鼠标、抓取动作和切换动作来实现缩放图像。

WM Zoom


3e3c7be700793b074ad45ee2c49e58937a4f2b29

Demo | Download

WM Zoom 能够在图像中创建一个放大镜,并在旁边显示其高清晰度的图像。此外,它内置一个变焦功能,当你的鼠标悬停在图像上,能够放大图像。

BZoom


3e3c7be700793b074ad45ee2c49e58937a4f2b29

Demo | Download

BZoom 支持创建缩略图导航,并支持鼠标悬停时,在旁边显示特定区域的高清晰度图像。

elevateZoom


8cfd49c200bef7c0eaf518433e2965f109c09742

Demo | Download

Elevate Zoom 提供了两种图像缩放模式,一个低分辨率的可见光图像和一个高分辨率缩放的图像。且它支持缩略图导航,同时支持鼠标悬停时放大图像。

magnificent.js


0c1f6094f521b006c2e43c6f1d6877be44826e2b

Demo | Download

magnificent.js 是一个简单的响应式插件,能够提供两种缩放模式:

模式 1: 内部缩放。 悬停时在图像内部显示放大后的图像。

模式 2: 外部缩放。显示放大镜玻璃效果,以展示图像的特定部分。

也支持鼠标滚动来缩放图片。

zoom.js


<a href=https://yqfile.alicdn.com/b09707d7d128d817160914210a3d9eedcbb38463.png
" >

Demo | Download

zoom.js 通过点击图片,快速实现图像缩放。且放大后的图像能够隐藏文字和其他信息,以保证用户只看到放大后的图像,而不看到其他信息。图片放大后,点击 [esc] 可恢复图片原始模样。此外,如果你按住花键(⌘),图片将在新的选项中打开。

magnify.js


6f8c92b3ba03c3a84d8645c8319f56b341ba98a1

Demo | Download

magnify.js 是一款极小的 jQuery 插件,能够放大电子商务网站中的图片。

evenZoom


<a href=https://yqfile.alicdn.com/e4c45bbb0312a49ba23a63586017199dadcf517d.png
" >

Demo | Download

evenZoom 是一个易于使用的 jQuery 插件,能够在图像内部创建一个放大镜效果。

Classy Loupe


68a19800347a85f1d8e0c6960056a19d8b6692a8

Demo | Download

Classy Loupe 是 jQuery 插件,能够将光标变成一个可自定义的相机镜头。鼠标悬停时,用户可以查看图像特定部分的详细信息。

bigpicture.js


<a href=https://yqfile.alicdn.com/66f9bd611c82792d83802e711f426c79a72159dc.png" >

Demo | Download

bigpicture.js 允许无限平移和缩放 HTML 页面。

文章转载自 开源中国社区 [http://www.oschina.net]

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Magnific Popup – 免费的响应式 jQuery Lightbox 插件
  Magnific Popup 是一款免费的响应式 jQuery Lightbox 插件,相比其它五花八门的 Lightbox 插件,Magnific Popup 专注于性能和为用户在不同的设备上提供最好的体验,兼容 Zepto.js。
665 0
推荐40个简单的 jQuery 导航插件和教程【下篇】
  在这篇文章中,我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多的内容。
486 0
推荐40款强大的 jQuery 导航插件和教程【上篇】
  在这篇文章中,我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多的内容。
681 0
精心挑选的12款优秀 jQuery 手风琴效果插件和教程
  当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架,只需很少的代码就可以实现精美的手风琴效果,帮助你的网站吸引更多用户的眼球。
1072 0
分享精心挑选的12款优秀 jQuery Ajax 分页插件和教程
在这篇文章中,我为大家收集了20个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。
981 0
精心挑选的12款优秀 jQuery Ajax 分页插件和教程
  在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。
984 0
精心挑选的15款优秀 jQuery 文本特效插件和教程
  今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理,动画以及Ajax交互,帮助 Web 开发人员更快速的实现各种精美的界面效果。
991 0
40个非常实用的 jQuery 插件和免费教程【下篇】
  jQuery 是最流行的 JavaScript 库,拥有丰富的插件,能够帮助开发者简单快速的实现各种功能。本文收集了40个非常实用的 jQuery 插件及其制作教程,这些插件能够为你将来的项目增添各种很炫功能和效果,同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。
697 0
40个新鲜出炉的 jQuery 插件和免费教程【上篇】
  作为最流行的 JavaScript 库,jQuery 拥有丰富的插件,能够帮助开发者简单快速的实现各种功能。但对于 Web 开发人员来说,他们需要掌握编写插件的方法,这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程,这些插件能够为你将来的项目增添各种很炫功能和效果,同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。
695 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
JS零基础入门教程(上册)
立即下载
23-Vue.js在前端...1506518547.pdf
立即下载