Best jQuery Slider Plugins & Tutorials with Demo

    Content Rotator with jQuery

    jQuery Content Rotator

    Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.

    Bubble Slideshow Effect with jQuery

    jQuery Bubble Slideshow Effect

    Today we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.

    SlideDeck a jQuery Stylish Slider

    jQuery Stylish Slider

    SlideDeck is a SEO-friendly fully-featured stylish slider that includes a lot of customization options, full API access, many templates + skins + styling to choose from, vertical slides, video-ready, and more.

    jQuery Dynamic-Carousel

    jQuery Carousel

    Dynamic Carousel is a dynamic content slider and carousel, as the name implies. The way it’s dynamic is it uses percentages instead of pixel values, so it can be easily used on a responsive/flexible layout.

    Latest Post Blogroll Slider with jQuery and PHP

    Latest Post Blogroll Slider with jQuery and PHP

    In this tutorial we are going to create a blogroll slider that shows the latest post of your favorite blogs. We will be using jQuery, PHP and XSL. The aim is to get a given RSS feed of a blog and  parse the XML data with the help of PHP. We will apply XSL to transform the feed into HTML and cache the result for subsequent use. We will be using a lot of CSS3 properties for a polished look.

    Vertical Sliding Accordion with jQuery

    jQuery Vertical Sliding Accordion

    Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

    jQuery EasyUI framework

    jQuery EasyUI framework

    jQuery EasyUI framework help you build your web page easily.

    • easyui is a collection of user-interface plugin based on jQuery.
    • using easyui you don’t need to write many javascript code, you usually defines user-interface by writing some HTML markup.
    • easyui is very easy but powerful.

    blueimp jQuery Image Gallery

    jQuery Image Gallery

    Image Gallery with Lightbox effect and slideshow functionality for jQuery UI

    Horinaja Slide Show Plugin For jQuery

    jQuery Slide Show Plugin

    Horinaja is an easy to use, customizable and very useful slide show plugin that comes in jQuery and Scriptaculous flavors. Most notable feature is its ability to allow users to change slides using mouse wheel.

    Fullscreen Slideshow with HTML5 Audio and jQuery

    Fullscreen Slideshow with HTML5 Audio and jQuery

    In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.