Forum user: mtl514

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!

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;
});

Thank you for the autoscrollable demo, which works well.
I was curious to see how the ':hover stopping the autoscrolling' works.

My real question would be : how can I make the hover effect available on the .Navi Dots too?

(Users will mostly hover on top of the dots instead of the whole image. For exemple, if they click on slide 4, they're automatically scrolled back to slide 1)

Awesome! It works with 2.!!!

For the record, 1. place the navigational elements in the html didnt work because it was creating a link that was reloading the page. I've tried absolute, relative and anchored links to no avail.

Thanks!

I'm using

http://flowplayer.org/tools/scrollable.html

I would like to have numbered tabs instead of the actual dots.

The problem is, adding html code like

<a href='0'>

doesnt work, because it creates a link that reloads the page, instead of going to the desired tab.

Also, all tabs are using the same background image, making it impossible to embed the numbers in the image.

Anything would help!
Mtl514