Question

I’m using jQuery Tools Scrollable to create what’s on the jQuery Tools chaining example (see link below). I’m attempting to fix an issue with the page indicator dots. In the example, clicking the right arrow when the page indicator is on the third dot causes a delay, not highlighting the first dot until the slides have come back around. The same issue happens when clicking left when the page indicator is on the first dot. Has anyone come across a fix for this problem?

http://flowplayer.org/tools/demos/scrollable/plugins/index.html

Answer 1

So I was examining the code and the equation to calculate the page position is dividing based on getConf().size. This size is 1 over the needed index. Here’s the fix. Open jquery.tools.js, find fn.navigator. Now look for onBeforeSeek. Add this if statement you see below.

b.onBeforeSeek(function(a, b) {
            setTimeout(function() {
                    var c = (b / j) , d = l().eq(c);

                    if ((b / j) == l().length){
                        c = 0;
                        d = l().eq(c);
                    }

                    d.length && l().removeClass(h).eq(c).addClass(h);
            }, 0)
        })

This is a global change and there may be a better way to go about this without modifying the jquery.tools file