- 浏览: 66852 次
- 性别:
- 来自: 上海
文章分类
最新评论
jQuery很强大,你可以使用它来实现任何你想要实现的效果。今天为大家推荐一些图像缩放效果插件。
1. Zoomer Gallery
该插件可以将你的图片列表转换成漂亮的画廊,这个画廊带有像Flash一样缩放图片的效果。Zoomer Gallery 插件令你的界面看起来简单美观。它的大小为2KB,使用起来非常方便。
2. Jcrop
使用Jcrop可以轻松为Web应用程序添加截图功能,Jcrop结合了轻便的jQuery插件和强大的跨平台DHTML裁剪工具。
3. jQuery gzoom 插件
该插件是一个很好用的图像缩放插件,有很多缩放功能的实现方式:点击“+”“-”按钮、拖动滑块、滚动鼠标滚轮、鼠标悬停改变镜头、点击图片即在灯箱模式下显示,等等。
4. 悬停缩放
该插件可用于创建悬停缩放效果,将鼠标停在图片上时,图片缩放的同时会显示标签。这是一个非常时尚的效果,令缩略图更加精美。
5. 使用jQuery创建一个图像放大和裁剪效果
这个视频教程是关于怎样创建一个图片缩放效果的。在图中选择一个区域,则会自动按比例将选中部分放大显示。
6. AnythingZoomer jQuery 插件
这是一个很棒的插件,适用于小范围查看图片。当你的鼠标停在图片上方时,会弹出一个框呈现放大后的图像。
7. JQZoom
这是一个JavaScript图片放大镜,基于jQuery/JavaScript,这个简单的脚本可以让你放大任何想查看内容。
8. jQuery Cycle插件
该插件支持许多不同的切换效果,比如鼠标悬停暂停、自动停止、自动调整、开始和结束事件调用、点击触发等等,简单又神奇!
9. Crop、labelOver和pluck插件
通过Crop插件,可以让网站访问者进行自定义截图,另外两个插件labelOver和pluck也支持这项功能。
10. ImgAreaSelect
这个jQuery插件可以让你在图片上选择一个矩形区域。
11. PHP & jQuery 图像上传与裁剪插件
该插件允许用户上传和截取你网站上的图片。
12. PANVIEW
该插件能让用户查看大图的细节部分,还可用鼠标移动图片。
13. Image Zoom 2.0
该插件允许将链接指向图片,点击链接或图片时,图片会放大成为目标图片,点击该图片的任意地方或关闭按钮即可恢复图片。
14. jQuery拍照效果插件
该插件可以实现模拟拍照的效果。使用取景器选择需要拍照的图片区域并点击,即可在下方显示此“照片”。
15. jQuery iviewer
该插件可用于加载和查看容器中的图片,还可对图片进行缩放以及用鼠标拖动。
16. 平滑缩放插件
该插件创建的缩放效果就像Mac电脑中的效果一样平滑,也有些类似于Safari的网页缩放效果。
英文原文:http://smashinghub.com/16-best-image-zoom-effects-with-jquery-plugins.htm
发表评论
-
jquery api
2012-03-20 13:46 0http://jqapi.com/ -
jquery
2012-03-02 10:38 612http://wowslider.com/jquery-sli ... -
chart javescript 验证码
2012-01-05 13:18 787http://www.google.com/recaptcha ... -
50个新颖的有创意的Logo
2012-01-05 11:29 855如果您已经浏览过一些Logo设计,您有可能已经注意到有一些采取 ... -
http://cnbeta.com/articles/147649.htm
2012-01-05 11:04 840最近,有一种新的网页 ... -
jquery分页(附中文详解)
2012-01-05 09:45 699http://www.zhangxinxu.com/wordp ... -
分享10款绝对让你心动的jQuery插件
2011-12-27 11:49 883jQuery使用事件管理、动 ... -
10个强大的Javascript表单验证插件推荐
2011-12-27 11:35 1145创建一个JavaScript表单验证插件,可以说是一个繁琐的过 ... -
10 款AJAX/CSS/HTML在线表单生成器
2011-12-27 11:33 1130在这篇文章中,我们将介绍10款超棒的在线表单生成器,帮 ... -
24款线框图相关工具及资源大放送
2011-12-23 10:08 826线框是一个非常有用的网页开发工具,正确使用有助于帮助Web开发 ... -
15 套免费的社交媒体图标汇总
2011-12-23 10:05 2475通过在网站或Web应用中添加社交分享链接,可以更好地推广产品。 ... -
10 款基于 jQuery 的切换效果插件推荐
2011-12-20 12:38 1185本文整理了 10 款非常好用的jQuery切换效果插件,包括平 ... -
10 个基于jQuery的表单增强脚本和插件
2011-12-20 12:32 720以下10个基于jQuery的脚本和插件可以有效地提高表单的可访 ... -
6个炫酷的CSS按钮制作教程
2011-12-20 12:29 1053http://www.iteye.com/news/23740 ... -
9个实用的CSS/jQuery编程技术与技巧
2011-12-20 12:28 858本文给出了一些CSS/jQuery编程的技术、思路和技巧,希望 ... -
7款最流行的在线项目管理工具推荐
2011-12-15 10:21 0本文介绍一些非常流行的在线项目管理工具,希望你喜欢。 1. ... -
.dynamicdrive 16个可用于WordPress的Google服务和应用
2011-12-15 10:19 0http://www.dynamicdrive.com/dyn ... -
10 款基于jQuery/JavaScript的圣诞主题效果
2011-12-15 10:11 75010 款基于jQuery/JavaScript的圣诞主题 ... -
10 个实验性的 JS/CSS3 编程技术
2011-12-15 10:08 67610 个实验性的 JS/CSS3 编程技术 本文所介绍 ... -
20个居中样式的网站设计案例分享
2011-12-15 10:06 77020个居中样式的网站设计案例分享 居中是一个非常 ...
相关推荐
JQuery图片缩放插件jQThumb是一款基于jQuery的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。
上次我们介绍过一款基于HTML5的图片马赛克效果,今天我们要来介绍一款基于jQuery的图片裁剪插件,这款jQuery图片裁剪插件可以选择裁剪框的尺寸比例,可以设置高宽尺寸,同时可以设置图片翻转角度,当然也支持图片的...
artZoom 简约图片缩放插件(基于jquery).zip
EasyZoom是一个优雅,高度优化的jQuery插件支持图像缩放和平移基于源图放大。easyzoom还支持触摸功能的设备,并与CSS很容易定制。演示地址:http://www.jq22.com/jquery-info493
基于Jquery的图片预览插件,功能强大,支持图片放大缩小、循转、翻转、全屏,简单易用
1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. ...
JVectorMap是一款基于jQuery的矢量地图插件,它是基于SVG结构的,和其他jQuery地图插件不同的是,jVectorMap是矢量地图,但是它同样支持地图缩放和地图平面移动等相应的功能。由于JVectorMap是基于jQuery的,所以...
jQuery图片缩放插件jQThumb是一款基于jQuery的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。
1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+...
1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+...
imgZoomAndRotate是一款基于jQuery的图片展示插件。该图片展示插件支持图片循环切换,缩放,旋转,拖拽。
JQuery图片缩放插件jQThumb是一款基于jQuery的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。
现在可以注册的网站中,大部分都支持上传头像,记得...这次我们给大家带来另外一款基于jQuery的头像裁剪插件,这款插件支持自定义头像的上传,然后对头像图片进行缩放和旋转,最后选择你满意的区域即可进行裁剪操作。
photoviewer.js是一款基于窗口的照片查看器jQuery插件。该插件可以对一组图片生成预览,并将图片放置在一个窗口中,该窗口可以自由拖动,缩放,里面的图片可以缩放、旋转等。
1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+...
55.jquery贴图旋转及缩放插件下载 56.jquery门户网站首页全屏弹性伸缩至小屏的广告代码(非常实用) 57.jQuery黑色动感Ajax无刷新动态分组图片效果代码 58.jquery黑色风格左右带箭头的图片浏览控制插件下载 ...
基于slick插件的jQuery焦点图特效是一款使用缩放和淡入淡出的过渡动画效果,它支持移动触摸设备。
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时...
基于JQuery开发的简单的图片查看器,$("#rotation").rotation(options);即可将一个div变成一个查看器,可以鼠标滚动放大缩小亦可以鼠标拖动,上一个下一个,获取当前图片等功能
Tikslus zoom 是一个基于 jquery 的图像缩放插件,具有以下功能: 可以轻松自定义 自定义镜头尺寸、颜色、不透明度 您可以调整小 css 并使镜头圆形/圆形 创建热点/注释 在 LightBox 中查看图像 我们已将所有插件...