Stop autoscroll Created Jun 25, 2010

Would you like to stop the autoscroll when:

* the mouse hovers the slideshow.
* any navigation button is pressed.

Here is an example of doing that:

http://www.qwer.se/jquerytools/scrolling2.html (feel free to copy anything accept the images)

<script type="text/javascript" src=http://www.qwer.se/jquerytools/jquery.tools.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#test').scrollable({circular:true}).autoscroll({interval:3000}).navigator();

var api_autoscroll = $('#test').data('scrollable');

$('.prev, .next, .navi').bind('click', function() {

api_autoscroll.stop();
});

centerNavi();
});

function centerNavi() {
var $nav = $('.navi'),
nav_width = $nav.width(),
stage_width = $('#test').width(),
nav_left = (stage_width/2) - (nav_width/2);

$nav.css('left',nav_left);
}
</script>