5 Lightweight jQuery Image Fader Plugins

We can create a simple jQuery script only a few lines for fading in and out images. This could be a simple thing to create for people who has many experiences in jQuery programing. But if we don’t have much time or we don’t know how to do it then you came to the right place. Below is the list of lightweight jQuery plugins that do fade in and out, some with no bullets and no right or left arrow. Just faded in and out right?

InnerFade

InnerFade is a small plugin for the jQuery. It’s designed to fade you any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.

Demo Download

imageCrossFader

This plugin converts images from HTML lists (ul / li) into a cross fading slideshow. Supports delay and pause on hover. You can also put the a link to wrap the image.

Download

MobilyNotes

MobilyNotes is lightweight (2KB) jQuery plugin that shows yout html content in interesting way.

Download

Easy Slides

Possibly the easiest to use jQuery plugin for making slideshows! jQuery Easy Slides also has the advantage of being fairly light weight, with both Javascript and CSS weighing in at just under 2.1kb.

Demo Download

ResponsiveSlides

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft’s Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery (1.6 and up supported) and that all the images are same size.

Demo Download

Create Comment

Your email address will not be published. Required fields are marked *