Menu

14 jQuery Plugins for Working with Images

Advertisement

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.

This was published on Mar 14, 2009

58 Comments

Crowd Mar 14 2009

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

izzat aziz Mar 14 2009

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

Jean-Baptiste Jung Mar 14 2009

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

Halibuthero Mar 14 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 Mar 14 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 Mar 14 2009

Great list.

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

CyberFox Mar 14 2009

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

Farid Hadi Mar 15 2009

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

Arian Xhezairi Mar 15 2009

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

Athena Emily Mar 15 2009

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

Blogos Mar 16 2009

Real Good plugin collection. Thanks

Really great collection. Thank you for sharing us!

Aslam A Memon Mar 16 2009

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

Jordan Moore Mar 16 2009

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

Aslam A Memon Mar 16 2009

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

Erwan Mar 18 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 Apr 08 2009

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

Benjamin Jul 20 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 Jul 31 2009

Was looking for plugin like Coda slider for a while.

The demo page is not working..

Is there any update or changes..

Chris Oct 14 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 Oct 18 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.

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 Nov 04 2009

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

Ganiu Okulaja Dec 17 2009

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

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

Just say thanks!

Xcellence IT Mar 10 2010

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

Thanks

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 Mar 24 2010

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

Rahul Apr 06 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 Apr 19 2010

Great article. Most of all are new to me.

Aamir Azam Apr 24 2010

Nice post really helpful.

Thanks,

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

Martin Lachapelle May 18 2010

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

Sumeet Chawla May 22 2010

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

Paarth Jun 13 2010

Nice post, some jQuery plugins are very cools.

radyo Jun 17 2010

Nice post really helpful.Thank you.

stone Lee Jun 30 2010

Nice post really helpful, Thank u;

Lenuska Jul 21 2010

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

wie ajuz Aug 23 2010

great , thanks

Michael Aug 27 2010

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

Honey Dec 15 2010

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

Mayank Dec 15 2010

Thanks for sharing this awesome collection !!!

Barayuda Jan 18 2011

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

Great sharing man. Thanks ya.

Anyone know about Jquery Mosaic makers?

the jcrop link takes you to a page with a virus

manofart May 10 2011

J like jCarousel Lite )

Capris May 14 2011

This plugins are very usefull.
Thanks

Biker Man May 26 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 Jun 16 2011

thx for the ref

benjion Jul 21 2011

thanks a lot for those plugins!

Thats a good collection. Thanks for sharing.

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 Oct 25 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

great roundup…thanks for sharing this beatifull stuff

Jose Alejandro Realza Sep 01 2012

excelent package about images jquery plugins

This comment section is closed. Please contact us if you have important new information about this post.

Advertisements
Partners