Wednesday, September 21, 2011

10:49 AM
In the last few years image and content sliders become very popular and you can see them in thousand of blogs and websites.It is useful for a blog owner to show the featured contents and i also think it is a great way to attract the visitors which also gives a beautiful look to blogs.Implementing these plugins are not very difficult but of course creating these kind of sliders need a special knowledge about coding.Today i’ve collected very detailed Image Gallery and Content Sliders tutorials.Hope you like them!!!

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

A really cool News Slider that uses two scrollers to create very slick effect. It uses scrollTo to scroll both description and image items and it comes with previous, next, play, stop and mouseover events.

3.Create a Slick and Accessible Slideshow Using jQuery

In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in action.

4.Fancy Thumbnail Hover Effect w/ jQuery

a simple image slide show with a semi-transparent caption with jQuery. This example is suitable to display news headlines, or a image slide show in your website frontpage.

6.Slider Gallery

explaining how to create a similar effect used to showcase the products on the Apple web site.

7.Building a jQuery Image Scroller

Building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code.

8. Sliding Boxes and Captions with jQuery

Play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.