14 jQuery Plugins for Working with Images

Mar 14 2009 by Mirko Humbert | 58 Comments

JavaScript frameworks have become very popular in the recent years by making the creation of dynamic effects much easier. Lightweight, used in the WordPress and Drupal core, jQuery is now one of the most used JavaScript libraries around.

The following list of jQuery plugins will help you to improve the usability of your website or web applications by enhancing the display of your images.

1. s3 Slider

 - screen shot.s3 Slider Demonstration page.

A simple way to add smooth image slideshows and showcases on your website.

2. jQuery Image Strip

jQuery Image Strip - screen shot.jQuery Image Strip Demonstration page.

Nice little image viewer that uses fancy visual effects. This can be of great use for displaying various views of a product in an e-commerce website.

3. jQuery Thumbs

jQuery Thumbs - screen shot.

Easy thumbnails creation with jQuery, jQuery Thumb dynamically wraps images and/or link images with a div.

4. jCrop

jCrop - screen shot.jCrop Demonstration page.

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.

5. Image preview

Image preview - screen shot.Image preview Demonstration page.

Create image previews with this accessible and easy to implement script.

6. EOGallery

EOGallery - screen shot.

Web animated slideshow gallery made with jQuery.

7. jCarousel Lite

jCarousel Lite - screen shot.jCarousel Lite Demonstration page.

Carousel script with jQuery. Navigate images or HTML in a carousel-style widget, lightweight and flexible, customizable to fit most needs.

8. Thickbox

Thickbox - screen shot.Thickbox Demonstration page.

Webpage UI dialog widget using the jQuery library, it shows any type of content in a modal box.

9. PanView

PanView - screen shot.

To let your visitors view details of a big image. Great for letting them have a better view of an artwork, map or panorama. PanView creates a fixed size div in which the user can move the bigger image.

10. jQuery Cycle plugin

jQuery Cycle plugin - screen shot.

The jQuery Cycle Plugin is a lightweight slideshow plugin that supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects.

11. Coda Slider

Coda Slider - screen shot.

A jQuery script that emulates the effect used on the gorgeous Coda website.

12. Rounded Corners

Rounded Corners -screen shot.

Easy rounded corners creation. Tons of effects are available for fixed or fluid divs.

13. ImageCube

ImageCube - screen shot.

Cool effect to rotate your image as if they were the faces of a cube.

14. jQZoom

jQZoom - screen shot.jQZoom Demonstration page.

Javascript image magnifier to give a better view of your images.

Got more jQuery plugins for images?

Do you use (or know of) any more jQuery plugins for working with images? Talk about it in the comments!

Related content

About the Author

Mirko Humbert is a freelance designer from Switzerland. He shares his thoughts about his passion on his graphic design blog, Designer Daily, and also runs a CSS gallery called CSS Orgy. To connect with Mirko, you can follow him on Twitter.

58 Comments

Crowd

March 14th, 2009

I am going to employ s3 Slider ASAP. Thank you for the nice post!

izzat aziz

March 14th, 2009

i wonder does rounded corners work with every browser? especially IE. Great list here. Good work.

Jean-Baptiste Jung

March 14th, 2009

Great post! I’m amazed by how JQuery can help to create a killer web interface!

Halibuthero

March 14th, 2009

Awesome post,I’ve been needing a new slider. I used easySlider which uses a “Next” and “Previous” button. http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
Uses but it doesn’t allow description.

Jake Holman

March 14th, 2009

Another great one is http://www.projectatomic.com/2008/04/jquery-flickr/ – awesome when combining with these other great plugins. Mashup crazy.

Dave Q

March 14th, 2009

Great list.

Don’t forget Moving Boxes http://css-tricks.com/examples/MovingBoxes/

CyberFox

March 14th, 2009

jQuery is taking over the world!
What a great framework.

Farid Hadi

March 15th, 2009

Might just end up using Coda Slider for a client :)
Thanks for a nice list.

Arian Xhezairi

March 15th, 2009

Amazing collection. A admire jCrop, it’s a great achievement.

Athena Emily

March 15th, 2009

The FancyBox Plugin is also cool, an alternative to the lightbox plugin

Blogos

March 16th, 2009

Real Good plugin collection. Thanks

Cem

March 16th, 2009

Really great collection. Thank you for sharing us!

Aslam A Memon

March 16th, 2009

gr8 collection, and few were new to me which is just gr8
thanx

Jordan Moore

March 16th, 2009

Awesome list of plugins dude. I’ll definitley use for my portfolio.

Aslam A Memon

March 16th, 2009

gr8 collection, and few were new to me which is just awesome
thanx

Erwan

March 18th, 2009

Nice post!! there’s plenty of plugins to play with pictures, but lots of them or not good enough to be used. Theses ones are just great :p

Artiajans

April 8th, 2009

First working is very good and professional, thanks you very much for all.

Benjamin

July 20th, 2009

I used JQZoom for some of my projects, but the 1000 lines of code weren’t easy to adjust to my own needs. So I created BeZoom, another image magnifier, that’s lightweight and easy to use. It’s located at http://benjaminmock.de/bezoom-jquery-plugin/

Priyanka

July 31st, 2009

Was looking for plugin like Coda slider for a while.

The demo page is not working..

Is there any update or changes..

Chris

October 14th, 2009

@Arian Xhezairi – For you and others that like Jcrop, here is a simple tutorial showing you how to get it setup full circle within an application: http://www.cagintranet.com/archive/how-to-use-jcrop-from-within-an-application/

Peter

October 18th, 2009

Nice roundup!

Just some quick remarks; the demopages of jCrop (#4) and jQuery Cycle plugin (#10) aren’t working. Also; Panview (#9) doesn’t seem to work in Chrome.

Tim

October 21st, 2009

How do I download the JavaScript for the jQuery Thumbs plugin? There’s no link on the homepage and I can’t access the script by typing its URL.

Mehdi

November 4th, 2009

tanx a lot for this article
realy realy good plugin collection.
tanx a lot

Ganiu Okulaja

December 17th, 2009

Sorry, i am new to this. Can u please teach me step by step hw to integrate jCarousel Lite into my site?

tina

January 5th, 2010

Very good. The demo worked smoothly in IE, FireFox and Chrome. This special effect comes interestingly in simpler manner. Awesome plugin collections. Thanks

Reza

March 4th, 2010

Just say thanks!

Xcellence IT

March 10th, 2010

Hey,… thanks for this great resources… I was just looking for jquery gallery… your article helped me lot…

Thanks

morz

March 13th, 2010

After successful of application project (http://quickmessageapp.com), I think to start a new project, but this time is a web based. Looking at jCrop I got some ideas. BTW, thanks!

Tony Milne

March 24th, 2010

You should also check out Nivo Slider (http://nivo.dev7studios.com/) by Gilbert Pellegrom. It looks pretty neat!

Rahul

April 6th, 2010

great ! jquery is so useful and i never knew it.
now i will be using this for my next projects
thanks a ton

Hriday

April 19th, 2010

Great article. Most of all are new to me.

Aamir Azam

April 24th, 2010

Nice post really helpful.

Thanks,

shar

May 12th, 2010

is this a open source to use? is there any purchase license required?

Martin Lachapelle

May 18th, 2010

I discovered Jquery a year ago and it changed my web design…thanks to reviews like that one

Sumeet Chawla

May 22nd, 2010

Nice collection of some really useful jquery plugins. Thanks for the share :)

Paarth

June 13th, 2010

Nice post, some jQuery plugins are very cools.

radyo

June 17th, 2010

Nice post really helpful.Thank you.

stone Lee

June 30th, 2010

Nice post really helpful, Thank u;

Lenuska

July 21st, 2010

http://www.ajax-zoom.com is a gallery and zoom interface for working with high res. images built on jQuery

wie ajuz

August 23rd, 2010

great , thanks

Michael

August 27th, 2010

Thanks for the useful things. These are really useful for us…

Honey

December 15th, 2010

Its good, but I want this image slider, how can I get this,
http://abudhabi.dubizzle.com/

Mayank

December 15th, 2010

Thanks for sharing this awesome collection !!!

Barayuda

January 18th, 2011

wao, that’s great plug ins,
thank you :D

Mj

March 31st, 2011

Great sharing man. Thanks ya.

.tc

April 3rd, 2011

Anyone know about Jquery Mosaic makers?

Fred

April 25th, 2011

the jcrop link takes you to a page with a virus

manofart

May 10th, 2011

J like jCarousel Lite )

Capris

May 14th, 2011

This plugins are very usefull.
Thanks

Biker Man

May 26th, 2011

Will be looking to use a few of theses. Ok there is a motorbike in the image and that is my subject but the JQZoom is excellent. This I will be using this to help people look at second hand motorcycles in finer details.
Good selection of tools.
Thanks

risdiyanto

June 16th, 2011

thx for the ref

benjion

July 21st, 2011

thanks a lot for those plugins!

Soan

September 8th, 2011

Thats a good collection. Thanks for sharing.

kim

September 25th, 2011

helow! good day! can someone give me a code pls for joining Fancybox and Jcrop…. thnx so much it will help alot… please, im just a newbie… thnx

Ben Holland

October 25th, 2011

Great article!! Thanks a lot. Check out the Slidorion though. It combines an image slider and an accordion! really cool and has an epic name!! http://www.slidorion.com

thanks again

bird

November 28th, 2011

great roundup…thanks for sharing this beatifull stuff

Jose Alejandro Realza

September 1st, 2012

excelent package about images jquery plugins

Leave a Comment

Subscribe to the comments on this article.