10 jQuery Plugins and Techniques for Doing More with Images

By / Jun 17, 2010 / Resources
shares

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

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

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

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

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

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

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

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

ZURB JavaScript Annotation Plugin

jquery plugins

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

Zoomooz

jquery plugins

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

iViewer

jquery plugins

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.

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

9 Comments

  1. Eko Setiawan
    June 17, 2010

    Nice collections, thanks

    Reply
  2. Web Risorsa
    June 17, 2010

    Very good collection… Looking for more of the same kind.

    Reply
  3. Jordan Walker
    June 17, 2010

    Excellent list of very helpful plugins for images.

    Reply
  4. Ian Hallworth
    June 18, 2010

    Nice work Mr Jones

    Reply
  5. Multyshades
    June 18, 2010

    very nice and really useful collection of jquery plugins, thanks for share

    Reply
  6. Michael Pehl
    June 20, 2010

    23 Ads on this site… amazing record

    Reply
  7. Web Dizajn
    August 16, 2010

    THX for this tutorials! and Hi from Sarajevo!

    Reply
  8. Theo
    September 29, 2010

    Just found what i was looking for, thanks !

    Reply
  9. Ali Al-Hadidi
    October 10, 2010

    It is fantastic

    Thank you

    i will use it in my job

    Reply

Leave a Reply