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

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

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

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

EasyZoom

Demo | Download

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

zoom.js

Demo | Download

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

picZoomer

Demo | Download

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

jQuery Zoom

Demo | Download

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

WM Zoom

Demo | Download

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

BZoom

Demo | Download

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

elevateZoom

Demo | Download

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

magnificent.js

Demo | Download

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

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

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

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

zoom.js

Demo | Download

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

magnify.js

Demo | Download

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

evenZoom

Demo | Download

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

Classy Loupe

Demo | Download

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

bigpicture.js

Demo | Download

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

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

时间: 2025-01-20 23:23:30

10 款免费的 jQuery 图像缩放插件的相关文章

10 款免费的 Mac 屏幕录制工具

有些教程使用文字和图像是远远不够的,需要一些简单的视频实例说明.当我们不需要非常强大的功能的时候,免费的 Mac 屏幕录制工具就能发挥它的作用,给我们带来便利. 这里我们介绍 10 款免费的 Mac 屏幕录制工具.这些工具肯定能给大家带来一定的便利,而且能满足大家一些基础的录制要求,同时也会有一部分的限制,比如水印和录制时长.但是这足以帮助大 家录制高质量的视频,如果有什么使用心得,或者有其他更好的屏幕录制工具可以在评论跟大家分享哦:) Screen Recorder Robot Lite 这是

分享10个最好的jQuery表单插件

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 作为web设计或者开发者来说,表单是我们经常需要打交道的设计元素之一. 不论你开发登陆功能,在线购物功能,或者是注册功能,你都需要使用表单来执行用户输入.但其实并不是很多开发人员都关心开发或者设计表单元素.而表单设计 最重要的目的在于能够将表单设计超越它本身结构以达到使用体验及其可用体验的完美结合,因为表单是实现用户和服务器数据交换的重要方式

数据资料“保险箱” 10款免费备份文件软件推荐

中介交易 SEO诊断 淘宝客 云主机 技术大厅 备份文件(Backup File),即是拷贝到存储介质上的文件,可以帮助用户保护数据,以防其在系统硬件或存储介质出现故障时受到破坏. 众所周知,对企业而言,经常对电脑里存储的资料.数据进行备份是一项不可或缺的步骤,其重要性不言而喻.于个人而言,对文件备份,亦是获益良多.而备份文件软件的出现,能使用户不必每次都辛苦地逐个目录拷贝.整理目录及文件.更节省了重装系统后繁复的系统设置调整步骤.备份文件软件,实是每个电脑用户必备的工具.因此,IDC评述网根据

分享8款精美的jQuery图片播放插件

本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究.废话不多说了,直接上这些插件. 1.3D轮播相册 这款3D相册插件利用了HTML5特性,让相片播放具有了3D效果,浏览器有限制哦. 演示   下载 2.jQuery手风琴效果图片播放器 这款播放器的特点是右侧有一个手风琴式的菜单,而且图片切换十分流畅. 演示   下载   3.流水线效果图片组切换 这款jQuery插件按一组来切换图片,方式酷似流水线,一组接着一组. 演示   下

给开发者准备的 10 款最好的 jQuery 日历插件

这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中.这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了.希望下 面的插件列表能给予你一定的帮助,让你的 web 开发更快更好.旧版本的日历插件和下拉框已经被淘汰啦,好好欣赏 jQuery 日历插件给你带来的强烈视觉冲击吧! CLNDR.js CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历.这个插件不会生成任何的标记

为开发者准备的10款最好的jQuery日历插件_jquery

这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中.这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了.希望下面的插件列表能给予你一定的帮助,让你的 web开发更快更好.旧版本的日历插件和下拉框已经被淘汰啦,好好欣赏 jQuery 日历插件给你带来的强烈视觉冲击吧! 1. CLNDR.js CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历.这个插件不会生成任何的标

10款顺手的jQuery幻灯插件推荐

今天分享的是10款简单易用,十分顺手的10款jquery 幻灯插件,其中大部分都有教程和演示. 具体列表如下: Creating Your Own Slider Plugin View Demo Easy Slider View Demo Slick Accessible Slideshow View Demo Sliding Boxes and Captions with jQuery Tutorial View Demo Horinaja Slide Show Plugin For jQue

10 款精致的 jQuery 倒计时插件推荐

倒计时功能在很多项目中都会使用到,比如网站维护.团购网站和限时下载网站等等.通过使用jQuery倒计时插件,你可以简化你的工作量,却同样创造出超酷的jQuery倒计时功能.  本文整理了10款jQuery倒计时插件,希望为你的工作提供一些帮助.  1.5sec Maintenance Mode  此插件用于网站维护时,平息用户因无法访问网站而带来的愤怒.它有6个模板可供你选择.  源码/演示  2.Premium Coming Soon  新奇.现代.用户界面友好的倒计时页面能让你的用户清楚的记

10款强大的JavaScript图表图形插件分离

本文推荐10款强大的绘制图表图形的JavaScript插件.其中一些插件需要主流浏览器的支持,而另外一些经过整合后,也能在不同的平台和老版本的浏览器上工作.有些工具是独立的框架,大部分支持常规的功能:条形图.线形图.饼形图,有的还可以生成更复杂的图表:关联图.维恩图.热区图.Newick树图.二维散点图.二维气泡图.三维散点图. 1. Humble Finance 这是一个非常好用的HTML5数据可视化工具,与Flash工具颇为相似.基于JavaScript,利用了Prototype 和 Flo