`
wanguan2000
  • 浏览: 66852 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

    博客分类:
  • web
 
阅读更多

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图片缩放插件jQThumb.zip

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

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

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

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

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

    jQuery图片缩放插件EasyZoom

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

    基于Jquery的图片预览插件

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

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. ...

    7款实用而迷人的jQuery/CSS3插件下载

    JVectorMap是一款基于jQuery的矢量地图插件,它是基于SVG结构的,和其他jQuery地图插件不同的是,jVectorMap是矢量地图,但是它同样支持地图缩放和地图平面移动等相应的功能。由于JVectorMap是基于jQuery的,所以...

    jQuery图片缩放插件jQThumb

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

    jquery 动态示例

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+...

    100多个JQuery效果示例(实例)div+css+javascrpit

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+...

    jQuery的图片展示插件imgZoomAndRotate

    imgZoomAndRotate是一款基于jQuery的图片展示插件。该图片展示插件支持图片循环切换,缩放,旋转,拖拽。

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

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

    jQuery头像裁剪插件 可缩放和旋转

    现在可以注册的网站中,大部分都支持上传头像,记得...这次我们给大家带来另外一款基于jQuery的头像裁剪插件,这款插件支持自定义头像的上传,然后对头像图片进行缩放和旋转,最后选择你满意的区域即可进行裁剪操作。

    jQuery基于窗口的照片查看器插件

    photoviewer.js是一款基于窗口的照片查看器jQuery插件。该插件可以对一组图片生成预览,并将图片放置在一个窗口中,该窗口可以自由拖动,缩放,里面的图片可以缩放、旋转等。

    JavaScript_JQuery_CSS_DIV漂亮的实例

    1. 2款jQuery图片自动切换常用广告代码 2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    55.jquery贴图旋转及缩放插件下载 56.jquery门户网站首页全屏弹性伸缩至小屏的广告代码(非常实用) 57.jQuery黑色动感Ajax无刷新动态分组图片效果代码 58.jquery黑色风格左右带箭头的图片浏览控制插件下载 ...

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

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

    jQuery全屏滚动插件fullPage.js

    fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时...

    jquery插件-图片查看器

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

    tiksluszoom:jquery图片缩放插件

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

Global site tag (gtag.js) - Google Analytics