20 jQuery Image Enhancers

Posted by Sam Deering
in Plugins

It’s really amazing to see what one can create using jQuery. Developers just don’t stop making incredibly interactive web applications every now and then. Tutorials below demonstrate excellent examples of the best jQuery Image Enhancer-plugins. Enjoy while learning!

1. jQuey Sliders (Slider Gallery)

A similar effect used to showcase the products on the Apple web site. This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items.

Source

2. jQuey Sliders (Accessible Slider)

Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS.

Source

3. jQuery manipulating Images

Creates sliding-image puzzles based on containers that have images.

Source

4. jQuery Featured Content Glider

Showcase new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive, “glide in” slideshow. Supports two different display modes- “manual” and “slideshow.”

Source

5. jQuery Simple Effects

Nice animation effects that can easily toggle, hide, show, fade, slide elements.

Source

6. jQuery Slide out and Drawer Effect

Commonly known as an accordion effect in action, where the mouse settles on the title of the ’section’ and the associated links are exposed.

Source

7. jQuery Fading Header

A simple example using jQuery and CSS that shows you how to create the fading header technique.

Source

8. jQuery Coda Bubble

A demonstration of the ‘puff’ popup bubble effect as seen over the download link on the Coda web site (http://www.panic.com/coda/)

Source

9. jQuery Slider

Featuring 9 unique transition effects, simple clean & valid markup, loads of settings to tweak, built-in directional and control navigation, packed version only weighs 7kb, supports linking images, keyboard Navigation, free to use and abuse under the MIT license.

Source

10. jQueryGlobe

Featuring slick effect, no flash needed, 2K reusable on multiple containers, cycles items via slideshow, can be styled with custom HTML/CSS.

Source

11. jQuery LightBox Plugin 0.5

It is simple, elegant, and unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

Source

12. Galleriffic jQuery Plgin

Provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

Source

13. jQuery Image Scroller

jQuery’s excellent animation effects. Image scrollers are of course nothing new. Most of them are user-initiated. This scroller is far way different amongst others because this one is completely autonomous and will begin scrolling once the page loads.

Source