Best jQuery Slider Plugins & Tutorials with Demo

    jQuery Multimedia Portfolio

    jQuery Multimedia Portfolio with audio player and flv player

    Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

    jMyCarousel a jQuery Plugin for Carousel gallery

    jMyCarousel a jQuery Carousel gallery

    jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

    gSlider Lightweight jQuery Image Slider

    Lightweight jQuery Image Slider

    gSlider is an interactive image slider built on jQuery. It is versatile, lightweight and easy to implement in any website or web applications.

    MopSlider 2.4 – A jQuery slider box plugin

    jQuery slider box plugin

    MopSlider is the slider box can contain any item that is set height and width. From 2.2, MopSlider can be put 2 in the page. A CSS file isn’t necessary.

    Using Flux Slider jQuery plugin

    jQuery Flux Slider

    Using Flux Slider jQuery plugin Today I will make review (example of implementation) of fresh and cool slider plugin – Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, concentric, warp). And, what is most great – now it can support 3D transitions too (bars3d, cube, tiles3d, Blinds3D effects).

    Grid Navigation Effects with jQuery

    jQuery Grid Navigation Effects

    Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.

    jQuery Looped Slider Tutorial

    jQuery Looped Slider Tutorial

    Today we’re going to use Nathan Searles’ jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

    This is going to be a quick and easy tutorial. You can just copy and paste the code and have yourself a looping slider in minutes.

    CSS and jQuery-Creating an Image Slider

    CSS and jQuery-Creating an Image Slider

    In this tutorial I am actually going to be explaining how to do something which I created for one of my other projects. Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an image in the top right to show the image is new.

    Making A Slick Content Slider in jQuery

    jQuery Slick Content Slider

    Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like “above the fold” it is ever so important to provide eye-catching and functional user interfaces.

    In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

    How to Make a Graphical News Slider in jQuery

    jQuery News Slider

    The graphical news slider: something used so often in so many places for so many different purposes. I had made one ages ago as one of my first jQuery projects. I figured I could write a tutorial to share that code with WebDesignFan’s readers, but was taken aback when I reviewed the code I had made so long ago. It was not bad formatting or compatibility or any such thing, as I would never allow such problems to be a part of my programs. However, it wasn’t very extensible as I feel all public code should be. It was merely designed to support the features I needed at the time. Having spent the last few days revising the code, namely to allow custom image dimensions, I am happy to share with you the revised code.