33 Powerful jQuery Slideshow (Sliders) Plugins and Tutorials

0

jQuery has overpowered Flash in a lot of web uses becoming a very powerful tool for web designers. One of these uses that I’m referring to is the image slider. Implementing this feature in your site will definitely count as a big plus so don’t waste your time and download the available jQuery plugins in this 30 Powerful jQuery Slideshow (Sliders) Plugins and Tutorials.

You’ve probably noticed that a lot of websites lately have a featured area with content that slides or changes in some way. This is a great technique to show several pieces of content in a limited amount of space and a good way to engage the user.Content sliders are a great way to show large amount of content or images on a smaller area in a website or blog. They are commonly used in portfolio sites, corporate sites or blogs. You may probably heard that jQuery isn’t very hard to learn. If you are interested in implementing a content slider in your website please check our jQuery tutorials and plugins collection.

Powerful jQuery Slider Plugins and Tutorials

Minimalistic Slideshow Gallery

slider_1

In this tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

Slider Details Download Script


Advanced jQuery background image slideshow

slider_2

With the use of transparent PNG’s, some HTML, pretty nifty CSS and jQuery, we can make this technique work. Read the rest of this article to learn how to create a beautiful advanced jQuery background image slideshow.

Slider Details Download Script


Fancy transitions effects

slider_3

Main idea was to build some ’strip curtain’ effect and I start from that. But, while I was building this some other effects just pop up and I decided to adjust code and include some of those effects. Now, there are ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect.

Slider Details Slider Demo Download Script


jQuery Blinds

slider_4

jQuery Blinds Slideshow using CSS Sprites.

Slider Details Slider Demo Download Script


Making a Mosaic Slideshow With jQuery & CSS

slider_5

When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem.

Slider Details Slider Demo Download Script


The Lof JSiderNews Plugin

Powerful jQuery Slider Plugins and Tutorials

Base on the Jquery Framework and the Easing Plugin, The JSiderNews Plugin is a slideshow plugin that displaying images or type of content and support favious navigation to previous|next items.

Slider Details Slider Demo Download Script


Blinds-effect Slideshow

Powerful jQuery Slider Plugins and Tutorials

There are two ways of setting Floom up. One is the object way, where you specify the image url and the caption using the key-value notation.

Slider Details Slider Demo Download Script


Slideshow plugin for the Tabs

Powerful jQuery Slider Plugins and Tutorials

Here you can see a slideshow plugin in action. Click on the arrow buttons, navigator or the content area to navigate through the slides. You can also enable the automatic slideshow by pressing the “play” button below the slides.

Slider Details Slider Demo Download Script


Slideshow plugin for the Tabs

Powerful jQuery Slider Plugins and Tutorials

we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

Slider Details Slider Demo Download Script


loopedCarousel

Powerful jQuery Slider Plugins and Tutorials

Slider Details Slider Demo Download Script


Supersized 2.0

Powerful jQuery Slider Plugins and Tutorials

Slider Details Slider Demo Download Script


jQuery Carousel

Powerful jQuery Slider Plugins and Tutorials

Slider Details Slider Demo Download Script


Create a jQuery Carousel with WordPress Posts

Powerful jQuery Slider Plugins and Tutorials

Slider Details Slider Demo Download Script


Create a Simple Infinite Carousel with jQuery

Powerful jQuery Slider Plugins and Tutorials

This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.

Slider Details Slider Demo Download Script


jQuery Infinite Carousel-version 2

Powerful jQuery Slider Plugins and Tutorials

Slider Details Slider Demo Download Script


Agile Carousel

Powerful jQuery Slider Plugins and Tutorials

Agile Carousel is a JQuery Plugin. The JQuery AJAX function is used to deliver settings to the included PHP script “make_slides.php”, which you do not need to modify. The PHP script uses the requested settings to custom-build an image carousel. The carousel html is then placed to the html document within the container you specify.

Slider Details Slider Demo Download Script


jQuery Multimedia Portfolio

Powerful jQuery Slider Plugins and Tutorials

This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.

Slider Details Slider Demo Download Script


Ajax Search – Carousel

Powerful jQuery Slider Plugins and Tutorials

Slider Details Slider Demo Download Script


Create a Simple Slideshow using Mootools / JQuery

Powerful jQuery Slider Plugins and Tutorials

In this post i’ll walk you through the process of making a very simple(minimilistic) slideshow using Mootools / Jquery.

Slider Details Slider Demo Download Script


Lateral Slider

Powerful jQuery Slider Plugins and Tutorials

Slider – The easiest known way to showcase your images and photos on the web in style.

Slider Details Slider Demo Download Script


Horinaja

Powerful jQuery Slider Plugins and Tutorials

Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery.

Slider Details Slider Demo Download Script


Gradually

Powerful jQuery Slider Plugins and Tutorials

Gradually offers API, a slide show, and a thumbnail gallery using ImageDrawer.

Slider Details Slider Demo Download Script


Simple jQuery slideshow bubble messages

Powerful jQuery Slider Plugins and Tutorials

Slider Details Slider Demo Download Script


Sexy Slider

Powerful jQuery Slider Plugins and Tutorials

SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

Slider Details Slider Demo Download Script


siteFeature

Powerful jQuery Slider Plugins and Tutorials

siteFeature is an unobtrusive jQuery plugin that simplifies the creation of an interactive “Featured Items” widget.

Slider Details Slider Demo Download Script


DDSlider – 10 Transitions – Inline Content Support

Powerful jQuery Slider Plugins and Tutorials

DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page

Slider Details Slider Demo Download Script


AviaSlider – jQuery Slideshow

Powerful jQuery Slider Plugins and Tutorials

AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.

Slider Details Slider Demo Download Script


jQuery Banner Rotator / Slideshow

Powerful jQuery Slider Plugins and Tutorials

This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.

Slider Details Slider Demo Download Script


TinySlider

Powerful jQuery Slider Plugins and Tutorials

This super lightweight (1.5 KB) sliding Javascript slideshow script can easily be customized to integrate with any website through CSS. You can add any content to it, not just images, and it gracefully degrades without Javascript support.

Slider Details Slider Demo Download Script


Slideshow 2

Powerful jQuery Slider Plugins and Tutorials

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.

Slider Details Slider Demo Download Script


BlogSlideShow

Powerful jQuery Slider Plugins and Tutorials

BlogSlideShow is a free open-code JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.

Slider Details Slider Demo Download Script


PictureSlides

Powerful jQuery Slider Plugins and Tutorials

PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired.

Slider Details Slider Demo Download Script


CSS3 enhanced zoom-in zoom out slideshow

Powerful jQuery Slider Plugins and Tutorials

This free copy and paste script adds a stylish CSS3 effect to your slideshow. Simply by setting the style attributes you can apply corners to any or all four image-corners, furthermore you can apply shadows.

Slider Details Slider Demo Download Script


[www.themeflash.com]

Labels:
Loading related posts...
Reactions: 

0 comments:

Post a Comment

2010 WEBSITE20. All rights reserved.