阅读更多

12顶
0踩

Web前端

翻译新闻 16 款基于jQuery的图片缩放效果插件推荐

2011-12-21 14:19 by 正式编辑 sherry617 评论(4) 有51347人浏览
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
  • 大小: 27.1 KB
  • 大小: 28.7 KB
  • 大小: 43 KB
  • 大小: 29.5 KB
  • 大小: 46.3 KB
  • 大小: 24.1 KB
  • 大小: 12.7 KB
  • 大小: 20.8 KB
  • 大小: 29.1 KB
  • 大小: 19.6 KB
  • 大小: 66.9 KB
  • 大小: 29 KB
  • 大小: 14.4 KB
  • 大小: 24.9 KB
  • 大小: 28 KB
  • 大小: 207.8 KB
12
0
评论 共 4 条 请登录后发表评论
4 楼 fanyushuai 2011-12-22 21:36
确实是很强大
3 楼 wanghua1985 2011-12-22 09:58
很好很强大,用的时候再拿出来
2 楼 沙舟狼客 2011-12-22 09:04
收藏一下,说不定神马时候就用到了
1 楼 想好好学的菜鸟 2011-12-22 08:47
很帅的效果

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jQuery图片缩放插件jQThumb

    jQuery图片缩放插件jQThumb是一款基于jQuery的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。

  • 基于Jquery的图片预览插件

    基于Jquery的图片预览插件,功能强大,支持图片放大缩小、循转、翻转、全屏,简单易用

  • jQuery图片缩放插件jQThumb特效代码

    JQuery图片缩放插件jQThumb是一款基于jQuery的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。

  • artZoom 简约图片缩放插件(基于jquery).zip

    artZoom 简约图片缩放插件(基于jquery).zip

  • Zoomify–jQuery缩放效果lightbox插件

    Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件,它使用简单,出来提供基本的属性外,还提供了自动事件和自定义方法,能够满足大多数需求。

  • tiksluszoom:jquery图片缩放插件

    Tikslus zoom 是一个基于 jquery 的图像缩放插件,具有以下功能: 可以轻松自定义 自定义镜头尺寸、颜色、不透明度 您可以调整小 css 并使镜头圆形/圆形 创建热点/注释 在 LightBox 中查看图像 我们已将所有插件...

  • jQuery图片缩放插件jQThumb.zip

    JQuery图片缩放插件jQThumb是一款基于jQuery的缩略图插件,它能够很方便的制作指定的尺寸的缩略图。

  • jQuery图片裁剪插件 功能非常强大

    上次我们介绍过一款基于HTML5的图片马赛克效果,今天我们要来介绍一款基于jQuery的图片裁剪插件,这款jQuery图片裁剪插件可以选择裁剪框的尺寸比例,可以设置高宽尺寸,同时可以设置图片翻转角度,当然也支持图片的...

  • jQuery图片缩放插件EasyZoom

    EasyZoom是一个优雅,高度优化的jQuery插件支持图像缩放和平移基于源图放大。easyzoom还支持触摸功能的设备,并与CSS很容易定制。演示地址:http://www.jq22.com/jquery-info493

  • 基于slick插件的jQuery焦点图特效

    基于slick插件的jQuery焦点图特效是一款使用缩放和淡入淡出的过渡动画效果,它支持移动触摸设备。

  • 基于jquery实现鼠标滚轮驱动的图片切换效果

    主要介绍了基于jquery实现鼠标滚轮驱动的图片切换效果,操作简单,适合用在产片展示网站中,需要的朋友可以参考下

  • 精心挑选10款基于 jQuery 的图片360度旋转插件

    之前的文章向大家分享了实现网站功能的各种优秀的 jQuery 插件,今天这篇文章向大家推荐10款基于 jQuery 的图片360度旋转插件,同时还有非常详细的制作教程可以学习和参考。图片旋转展示是...

  • jquery插件-图片查看器

    基于JQuery开发的简单的图片查看器,$("#rotation").rotation(options);即可将一个div变成一个查看器,可以鼠标滚动放大缩小亦可以鼠标拖动,上一个下一个,获取当前图片等功能

  • 10 款基于 jQuery 的切换效果插件推荐

    InnerFade 这是一个基于jQuery的小插件,可以实现页面内的元素淡入淡出效果。  源码/演示    2. HighlightFade 该插件可以实现高亮、缩放等效果。  源码/演示    3. Dynamic Page / ...

  • html图片自动滑动的插件,7款jQuery图片轮播滑动插件

    今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,希望在5分钟让你完成半个小时完成的工作。1、jQuery多图并列焦点图插件今天我们要来分享一款比较特别的jQuery焦点图插件...

  • 15款JQuery图片展示效果插件

    15款JQuery图片展示效果插件 作者:果果  在图片展示的效果中,滑动门和幻灯片放映在这几年的web页面中越来越流行了,随着jQuery的流行趋势渐增,更多的开发者都致力于创建惊人的,多用途的,时髦的jquery...

  • WML开发详细指南

      <A title="文章标题:WAP开发入门--搭建开发环境作 者:mingjava更新时间:2004-9-7 15:34:35点击次数:82" href="http://www.j2medev.com/Article_Show.asp?ArticleID=76" target=_blank>WAP开发入门--搭建开发环境讲述了如何搭建WAP应用程序的开发环境,本章将主要介绍

  • 搭建OTA下载服务器

     OTA的意思是Over The Air,通过无线网络下载和安装J2ME应用程序的方案。搭建OTA服务器是比较简单的,但是做一个完整的OTA的服务器却非常复杂,因为这要设计到软件的管理,下载的计费,安全认证等多个问题。本文主要目的是讲述OTA下载的主要原理,搭建OTA服务器的步骤。     当我们的手机通过无线网络发出请求要求下载相关的软件的时候,通常我们是访问了特定的页面。这可以是wml写的。我

  • 工欲善其事,必先利其器——搭建J2ME开发环境

          由于本文写作的时候eclipseME的版本还比较低,但是在0.5(如果我没有记错的话)以后安装方式就改变了,截至到11.18号最新的版本应该是0.6.1,如果大家安装高版本的话请参考下面连接中的文章,http://www.j2medev.com/Article_Show.asp?ArticleID=144如果是0.4.x的可以参考本文。       由于WTK并没有提供代码编辑的功能,

Global site tag (gtag.js) - Google Analytics