Need Scroller with both autoplay and manual scrolling functionality

I am looking for a scroller which auto scrolls to the end and stops and switches to manual navigation. I tried googling, there are thousands of scrollers but I need one with both autoplay and manual scroll functionality. Where user can also switch to manual scroll with a single click while it is auto scrolling, something like this.

But it must stop auto scrolling when it has reached end and then switch to manual scrolling.

Answers


jQuery Easy Slider 1.7 (Demo here) has both manual scrolling and automatic scrolling, which automatically turns off as soon as the user clicks on the slider. It's also really easy to customize and extend - and I've done so in a few past projects.

As for the autoscrolling to stop at the last slide, you could manually add the functionality using a timer that turns off autoscrolling after all the slides are done. Or you could play with it and just add an event that gets fired whenever the last slide is reached.

Edit:

Using SmoothDivScroll is even better, because it allows the user (you) to add a number of callbacks. So you can just turn off autosliding when the last slide is reached:

$("#makeMeScrollable").smoothDivScroll({
    autoScrollingRightLimitReached: function(eventObj, data) {
        $("#makeMeScrollable").smoothDivScroll("option","autoScrollingMode","");

    }
});
Edit 2:

Sadly, it seems that callbacks not working are a known issue on their bugtracker. You could try and contact the creator of the script and see whether he's planning on fixing them.


Need Your Help

Add border around image part of carousel

jquery html css carousel owl-carousel

I'm using Owl Carousel as my homepage's slider, but I would like to put a border around the image section of the slider. If I put an image around the whole owl-theme class- it will also put it aro...

Why Birt report plugin removes param entries

grails birt

This could be silly but I dont understand why this code is included on the example:

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.