Hi,

I'm using the api to fade in and out the caption of pictures in a scrollable gallery which I have stored in a javascript array. The problem I'm having is the page jumps to the top each time it scrolls. I've tried adding return false; to the onBeforeSeek and onSeek functions but that just stops the code from running. I would be extremely grateful for any help with this as its driving me crazy!

Heres my code:


$(document).ready(function() {
    // select #flowplanes and make it scrollable. use circular and navigator plugins
    $(".scrollable").scrollable({size: 1, circular: true}).autoscroll(5000).navigator({
        // select #flowtabs to be used as navigator
        navi: "#flowtabs",
        // select A tags inside the navigator to work as items (not direct children)
        naviItem: 'a',
        // assign "current" class name for the active A tag inside navigator
        activeClass: 'current'
    });
    var api = $(".scrollable").data("scrollable");
    
    api.onBeforeSeek(function(){
    	$('.content_right div').fadeOut();
    });
    
    api.onSeek(function() {
    	$('.content_right div').html(myImages[this.getIndex()]);
		$('.content_right div').fadeIn();
	});
});

Thanks,