14 jQuery Plugins for Working with Images
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
s3 Slider Demonstration page.
A simple way to add smooth image slideshows and showcases on your website.
2. jQuery Image Strip
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
Easy thumbnails creation with jQuery, jQuery Thumb dynamically wraps images and/or link images with a div.
4. jCrop
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 Demonstration page.
Create image previews with this accessible and easy to implement script.
6. EOGallery
Web animated slideshow gallery made with jQuery.
7. jCarousel Lite
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 Demonstration page.
Webpage UI dialog widget using the jQuery library, it shows any type of content in a modal box.
9. PanView
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
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
A jQuery script that emulates the effect used on the gorgeous Coda website.
12. Rounded Corners
Easy rounded corners creation. Tons of effects are available for fixed or fluid divs.
13. ImageCube
Cool effect to rotate your image as if they were the faces of a cube.
14. jQZoom
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
- How to Auto Caption Images Using MooTools
- 16 Free JavaScript Solutions for Displaying Your Images
- 10 Promising JavaScript Frameworks
About the Author
58 Comments
Gianmarco
March 14th, 2009
Maybe a bit OT but I love this plugin
http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/
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