Autoscrollable : How do i add the hover/pausing effect on div.Navi too? Created Jun 11, 2009

This seems to create an infinite loop, when i remove the mouse from the navi element

$("div.navi a").hover(function() {
$("div.scrollable").scrollable().getConf().interval = 0;
});

'

jQuery's hover function needs two arguments. use mouseover instead.

It is still creates an infinite loop when i remove the mouse. Maybe it's a conflict with the numbered tab that I just added yesterday, following your other thread's good advice?

$("div.navi a").mouseover(function() {
$("div.scrollable").scrollable().getConf().interval = 0;
});

$("div.navi a").each(function(i) {
$(this).html(i+1);
});
---------------------------------------------------
Here's the full script i'm using :
<script>
// execute your scripts when DOM is ready. this is a good habit
$(function() {

// initialize scrollable
// insert here
$("div.scrollable").scrollable({
size: 1,
items: "#thumbs",

// items are auto-scrolled in x millisecond interval
interval: 5000,

// when last item is encountered go back to first item
loop: true,

// make animation a little slower than the default
speed: 600

// ul.tabs now functions as our navigator
//navi:'div.tabs'

});
$("div.navi a").mouseover(function() {
$("div.scrollable").scrollable().getConf().interval = 0;
});

$("div.navi a").each(function(i) {
$(this).html(i+1);
});


});
</script>

-------------

Thanks for everything!

Try now. Should be fixed in the latest release which was just published.