Those times when neat image effects were achieved with Flash are gone. jQuery has drastically changed the way developers work. Because its light-weight, easily customized and has unlimited possibilities, jQuery has become the new standard for displaying visual media on the web. For this roundup we’ve prepared 30 fresh, useful and simply awesome jQuery image and slider plugins that we’ve found this year. You’ll find some really stunning gallery solutions for every taste as well as some creative image effect plugins there.
Where can you use them? Sliders are the perfect solution for a product/work/content showcase. They don’t take up much space, are handy and look good. Look at these examples of neat slider usage.
Depth has a great solution to showcase photography photos. They’re using a slider to display the image full screen and placing the controls on right corner which is user friendly to navigate by the user. When the imageslide they really attract your attention and continue viewing the other photos. Breathing space is a must specially showcasing photos.
Of course, there are many various solutions in the list as well. Implementing large backgrounds, zooming images, optimizing them for retina displays, responsive/mobile
friendly, using videos in your galleries – you’ll find it all below.
Slider Revolution is a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimisation (all content always readable for search engines). See the heaps of custom
transitions/animations for each object on the page! Customize this slider with our convenient drag&drop backend to your very needs.
This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
It’s a premium plugin, but I will tell you that you worth the penny you spend.
Few other important benefits to Slider Revolution:
- Image and Thumbs fully resizable
- Using CSS Animation with FallBack to jQuery
- Unlimited Caption Layers
- Captions like Video, Image and html tags can be easily Created
- Unlimited Slides
- iPhone & Android Swipe Touch enabled
- jQuery Conflict free plugin
- Customizable 100% via Plugin Backend
- Easy installation in your Website
Worried about coding skills? Slider Revolution had a Video Support which is easy to follow no advance coding skills required, easy as cooking bacon. Ah..but what am I saying just check for yourself – Kenburner Responsive Jquery Slider has pretty good feature rundown and live examples.
Adipoli is a simple jQuery plugin with 20+ stylish image hover effects.
A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.
5. Nivo Slider
Nivo is an awesome jQuery and WordPress image slider packed with 16 transition effects, simple and clean markup and loads of settings to tweak.
An awesome, fully responsive jQuery slider plugin with simple markup, multiple slider support and custom navigation options.
Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.
Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality of a website slider without forcing you to use a set theme. In fact, Sequence has no built in theme, leaving you complete creative control to build a unique slider using only CSS3.
SlidesJS is a simple slideshow plugin for jQuery. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.
Rhinoslider is the most flexible jQuery slideshow there is. You are welcome to try it yourself. Not only does it offer a variety of effects, it also allows you to add your own styles, effects and features to the slider.
Pikachoose is a lightweight jQuery slideshow plugin, with tons of great features. jCarousel integrates smoothly with PikaChoose to give your gallery a simple and effective carousel. It can be customized in plenty of different ways.
11.1 Slider Revolution (premium – $12)
Is a creative plugin with tons of unique transition effects, an image preloaded, video embedding, auto play that stops on user interaction and lots of easy to set options to create your own effect.
Camera is a beautiful open source slideshow project. It works with all major browsers as well as mobile devices.
13. Quake Slider
Simple, easily customizable, beautiful slider with 3 color schemes and 40+ transitions.
bxslider is an easy to implement jQuery custom content slider with a bunch of transition effects.
rcarousel is no longer being updated, yet it still serves it’s purpose and you can feel free to tweak it for your needs.
iPicture is a jQuery Plugin to create interactive pictures with extra descriptions.
Jcrop is the 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 that is faithful to familiar desktop graphics applications.
18. Lazy Karl v1
The lazyKarl jQuery plugin loads a webpage’s images once they are within the user’s viewport.This is a working cross-browser lazy load jQuery plugin. Other lazy load plugins have been less than effective because some major browsers load all of the images on a page when the DOM loads.
jQuery.popeye is an advanced image gallery script. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.
TouchTouch is a jQuery plugin that turns a collection of photos on a webpage into a touch-friendly mobile gallery. It works on all major browsers (except for IE7 and below) and most importantly is specifically designed with iOS and Android in mind.
Better Backgrounds is a WordPress plugin which shows a random background image every visitor session (using a cookie), page refresh, or timed slideshow interval.
21.1 Layer Slider (premium – $15)
Is one of the most best slider plugin comes with an breathtaking 3D and 2D transitions, easy to use visual transition builder to create your own custom transitions and use it with your Slider. It supports unlimited types of usage image slider, image slider with text, content slider, video gallery and much more.
bgStretcher jQuery plugin allows you to add a background image to page and proportionally resize it to fill entire window area.
23. Black and white
This plug-in can easily convert every colored image (in an html page) into a B&W grayscale image.
Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.
Images that aren’t retina optimized look blown up and fuzzy on retina devices. At the moment, this is only the new iPad (aka, iPad 3), iPhone 4 and 4S. However, more and more devices will soon be retina enabled; from Android and Windows mobile devices, to OSX and Windows desktops. This is a jQuery plugin that will swap out the image source for an image that is sized for retina displays.
26. Nivo Zoom
Nivo Zoom is a jQuery image zoom plugin with 5 different zooming types, support for HTML captions and loads of settings to tweak.
Create thumbnails easily from high-res images, without any distortion, with one line of code.
aeImageResize is a jQuery plugin to dynamically resize the images without distorting the proportions.
29. Riva Slider (premium – €19.99)
Riva Slider is the ultimate WordPress slider plugin. Create and display slideshows within minutes. No commotion and designed for ease of use, saving you tons of time to spend on things that matter.
30. HoverAlls (premium – $6)
31.(premium – $10)
32. jQuery Banner Rotator (premium – $10)
jQuery banner rotator allows you to easily create powerful sliders with animated text using HTML standard tags, making the slider very easy to setup and maintain.