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
.
28 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
Leave a Comment