QueryLoader 是一个jQuery的插件,用来实现图片的预加载。
主要特点:
Preload a whole web page.
Fix problems with PNG images in IE6 and below, works for both img-elements and
css-background-images, see demo.
preloadImages makes it easy to preload any image, or a list of images. Just
call $.preloadImages([\'myimage1.jpg\', \'myimage2.jpg\']); and it’ll do all the
Lazy loader delays loading of images in (long) pages. Images below the fold
(far down in the page) wont be loaded before user scrolls down.
一款直接在页面上对图片进行剪裁的jQuery插件,操作演示地址:
http://remysharp.com/wp-content/uploads/2007/03/crop_example.html
The PNG Fix jQuery plug-in was developed to create a quick-and-easy fix for
the PNG transparency issue in Internet Explorer 6. It’s partially based on
A combination of jQuery and PHP (for the thumbnail generation).
Turn a unsorted list of fullscale-images to thumbnails on-the-fly. Display
This plugin is an improvement to the original iFixPng plugin. It may use some
more resources and work slower, but there are some important improvements:
A simple way to display notes over images when you roll your mouse over the
image.
jQuery ImgZoom is very similar to Cabel Sasser’s FancyZoom.
I’ve reduced some of the fanciness and also the amount of code. ImgZoom is 90
Wilq32 是一个用来旋转图片的 jQuery 插件。
示例代码:
// just do it 5 degrees
$(‘#image2’).rotate({angle:5});
Simple but cross-browser library. Applies SVG (usingjquery.svg.js) or canvas method if
supported on the client browser (includesexplorercanvas patch for ie). If
jQZoom是一个基于最流行的jQuery的图片放大器插件。它功能强大,使用简便。支持标准模式、反转模式、无镜头、无标题的放大,并可以自定义jQZoom的窗口位置和渐隐效果,修正IE6的select
Imagetool is a simple plugin for jQuery providing basic panning and zooming
capabilities for images.
jQuery
Fullsize这个插件允许在标签中加入一个longdesc属性来设置缩略图指向的具体图片。当鼠标移到缩略图表面时单击放大按纽,就能够放大longdesc属性设置的图片。
jCaption这个jQuery插件可以用于为图片添加透明的浮动框来标注标题信息。
Sproing - Make An Elastic Thumbnail Menu当鼠标移到菜单某个项目上时,会向上扩展放大。
这个jQuery插件能够在图片上显示标题信息,当鼠标放到图片上时滑动出现。
用过Facebook的应该都见过给图片加标记的效果,这篇文章要推荐的这个就是模仿这个效果的jQuery插件-
html2canvas是一个相当不错的JavaScript类库,它使用了html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功
vintageJS - 给照片添加复古和仿旧效果. vintageJS 可以为我们的照片添加仿旧风格,包括LOMO和高光等等。
jQuery NailThumb 可让你轻松创建高分辨率图像的无损缩略图,只需一行代码搞定。你可以通过 CSS
Face
Detection是一个很强悍的jQuery插件,它所实现的是图像面部识别功能。它可以检测待测图片中的面部信息,匹配到面部信息后将会返回图片中面部的座标位置等信息,你可以用它来实现一些图片分析的功能。
Jcrop是一个jQuery插件,它能为你的WEB应用程序快速简单地提供图片裁剪的功能。
J-Et. Martin 开发的 jQuery Responsive Lazy Loader 是一款根据 CSS 显示和断点来加载图像再现的 jQuery
这是一个用于让图片产生淡入淡出效果的jQuery插件。
Nivo Slider虽然没有太多改善,但你可以用jQuery插件来创建图像,简单、有效。
aniJS 是 Rijad Dizdarevi 开发的帮助用户在不同项目开发的精灵图表动画 jQuery
插件。在线演示
jQuery.spritely 是一个使用纯HTML和JavaScript来创建动态滚动背景的jQuery插件,具体效果请看软件首页。
采用 imgReady
技术,无需服务端支持即可快速获取大图尺寸,支持大图一边下载一边浏览。同时artZoom会使用队列机制预先缓存视野内的大图,这使得artZoom展示大图的速度比国内主流微博的快很多倍,在网速比较慢的情
Droparea 是一个基于 HTML5 实现的拖拉上传图片 jQuery 插件并包含一个 PHP
服务器端脚本来接收上传的文件。只要将图片拖进指定位置,图片将自动上传至服务 器。还可以查看上传过程进度。已经在 Google Chrome 和
这是一个非常简单但整洁的效果。它能够给图像加上一个边框,这个边框涵盖了图像的一部分,与CSS做出来的边框是不同的。当鼠标移到图像上面后边框会消失,可设置多个边框。
Canvas Query 是一个封装了 HTML5 Canvas 元素的 jQuery 插件,增加了很多常用的图像操作方法,特别适合游戏开发者。
实现一个图片放大镜的效果,可应用于商品图片页等对图片细节要求高的地方,使用jQuery插件magnifier可以简单的实现一个图片放大镜的功能。
Arbor 是一个利用 Web Works 和 jQuery 创建的可视化图形库,它为图形组织和屏幕刷新处理提供了一个高效的、力导向的布局算法。