10款优秀的jQuery图片插件

冷不防 2022-06-12 05:53 468阅读 0赞

本文收集了一些新鲜、有趣的jQuery插件，这些插件可用来执行不同的动画和图片效果。

**1.**[**AJAX-ZOOM**][AJAX-ZOOM]

这个插件很有趣，可自动缩放镜头，同时也可转换成3D效果。[在线演示][Link 1]

![94_110615100231_1.jpg][]

**2.**[**Transformable**][Transformable]

尽可能的变换图像：旋转、倾斜、缩放（可用于DIV）。[在线演示][Link 2]

![94_110615100246_1.jpg][]

**3.**[**animated slide image**][animated slide image]

超酷的图片滑动。[在线演示][Link 3]

![94_110615100413_1.jpg][]

**4.[Before/After][Before_After]**

使用此插件可以在两张图片之间进行比较。[在线演示][Link 4]

![94_110615100805_1.jpg][]

**5.[CSS Emoticons][]**

**表情图，纯CSS样式。[在线演示][Link 5]**

![94_110615100827_1.jpg][]

**6.[jCrop][]**

这款插件可自由裁剪图片。[在线演示][Link 6]

![94_110615100840_1.jpg][]

**7.[Image Blur][]**

呈现朦胧效果图。[ 在线演示][Link 7]

![94_110615100857_1.jpg][]

**8.[3D ObjectVR][]**

创建漂亮的3D互动形状图。

![94_110615100917_1.jpg][]

**9.[Smart3D][]**

鼠标移动的3D仿真效果。[在线演示][Link 8]

![94_110615100933_1.jpg][]

**10.[Interactive Picture][]**

教您如何利用工具创建滚动图片。[在线演示][Link 9]

![94_110615100949_1.jpg][]

**结束语：**

希望我们收集的这些插件能对你有所帮助。

英文来源：[10 superb jQuery plugins for working with images][]

[AJAX-ZOOM]: http://plugins.jquery.com/project/ajax-image-zoom
[Link 1]: http://www.ajax-zoom.com/examples/example15.php
[94_110615100231_1.jpg]: /images/20220612/fe76edebda034a64aa9e8438b108a598.png
[Transformable]: http://plugins.jquery.com/project/transformable
[Link 2]: http://jsfiddle.net/aflin/vbSMy/
[94_110615100246_1.jpg]: /images/20220612/6f91ad07faa440dfac241cfc037d4d31.png
[animated slide image]: http://plugins.jquery.com/project/animated-slide-image
[Link 3]: http://www.htmldrive.net/items/demo/800/Very-Beautiful-Parallax-Slider-with-jQuery
[94_110615100413_1.jpg]: /images/20220612/e8069dabb0f34d55a465b98b11e694dc.png
[Before_After]: http://plugins.jquery.com/project/Before-After
[Link 4]: http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/
[94_110615100805_1.jpg]: /images/20220612/820e9ef4c74f43e49f779c01aaed9e83.png
[CSS Emoticons]: http://plugins.jquery.com/project/cssemoticons
[Link 5]: http://www.alfajango.com/blog/jquery-css-emoticons-plugin/jquery-css-emoticons-demo/
[94_110615100827_1.jpg]: /images/20220612/5bf4ea02395549869b20651d84e5983d.png
[jCrop]: http://code.google.com/p/jcrop/
[Link 6]: http://www.script-tutorials.com/demos/13/index.php
[94_110615100840_1.jpg]: /images/20220612/67849ebba00e447b84a667fce68d7a72.png
[Image Blur]: http://plugins.jquery.com/project/blurimage
[Link 7]: http://www.sinisake.123bemyhost.com/blur/
[94_110615100857_1.jpg]: /images/20220612/c7a02ff095434768952652fbd253c635.png
[3D ObjectVR]: http://www.tres-graficos.jp/blog/files/article.php?id=64
[94_110615100917_1.jpg]: /images/20220612/e61ed93e27924b14a44f845e0936062c.png
[Smart3D]: http://4coder.info/en/code/jquery-plugins/smart3d/
[Link 8]: http://4coder.info/demo/jquery-smart3D/
[94_110615100933_1.jpg]: /images/20220612/04441966e6a446b1bb5f113ca2544123.png
[Interactive Picture]: http://buildinternet.com/2009/11/making-an-interactive-picture-with-jquery/
[Link 9]: http://static.buildinternet.com/live-tutorials/interactive-picture/index.html
[94_110615100949_1.jpg]: /images/20220612/1360a54ce9c84f8bb52a6af1b13026a2.png
[10 superb jQuery plugins for working with images]: http://www.script-tutorials.com/10-superb-jquery-plugins-for-working-with-images/