首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

十 jQuery Plugins and Techniques for Doing More with Images

2012-10-31 
10 jQuery Plugins and Techniques for Doing More with ImagesWhen we see an image on a web page, it’s

10 jQuery Plugins and Techniques for Doing More with Images

When we see an image on a web page, it’s second nature for us to move our mouse over it or try to click it. We have come to expect some level of interactivity when it comes to images, especially with modern web design technologies, such as jQuery. If you happen to be working on a project that requires the images to have a little something extra, then jQuery is the way to go. To help you out, we’ve rounded up 10 jQuery Plugins and Techniques for Doing More with Images.

?

?

Photo Zoom Out Effect

十 jQuery Plugins and Techniques for Doing More with Images

?

Here you’ll learn how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries.

?

?

jCrop

十 jQuery Plugins and Techniques for Doing More with Images

?

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

?

?

Zoomer Gallery

十 jQuery Plugins and Techniques for Doing More with Images

?

Zoomer Gallery allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It’s a simple but elegant way of giving your interfaces a nice little shine and at only 2KB in size, it’s both compact and surprisingly easy to use.

?

?

jQuery Captify Plugin

十 jQuery Plugins and Techniques for Doing More with Images

?

Captify is a plugin for jQuery written by Brian Reavis (@brianreavis) to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer.

?

?

Animate Panning Slideshow with jQuery

十 jQuery Plugins and Techniques for Doing More with Images

?

In this tutorial you’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides.

?

?

Sponsor Flip Wall With jQuery & CSS

十 jQuery Plugins and Techniques for Doing More with Images

?

In this tutorial you’ll learn to create an interactive sponsor wall that fits a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

?

?

jSquares

十 jQuery Plugins and Techniques for Doing More with Images

?

jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover.

?

?

ZURB JavaScript Annotation Plugin

十 jQuery Plugins and Techniques for Doing More with Images

?

A plugin to easily add and save annotations on an image.

?

?

Zoomooz

十 jQuery Plugins and Techniques for Doing More with Images

?

Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.

?

?

iViewer

十 jQuery Plugins and Techniques for Doing More with Images

?

iViewer is a plugin used to load and view image in container with ability to zoom image and to drag it with mouse in container.

?

?

?

?

热点排行