jQuery Forum

So I worked on this a little more and almost have it working how I want.

I have it set up so when a user click on a link in the thumbnail list, it should center that thumb it if it's not that first 3 or the last 3 items. I set the event to click, yet for some reason it is only working correctly if you double click the linked thumbnail image.

Here is the code I have for the scrolling:

$('#mycarousel li a').each(function(idx) {
        $(this).data('index', (++idx));
    });
   
   
    //jCarousel
    $('#mycarousel').jcarousel({
        scroll: 5,
        visible: 5,
        initCallback: initCallbackFunction
    });
   
   
    function initCallbackFunction(carousel) {   
        $('#mycarousel li a').each(function() {
           $(this).click(function() {
               var idx =  $('#mycarousel li a.activeSlide').data('index') - 2;
               
                carousel.scroll(idx);
                return true;

            });
          
        });   

    };


Please take a look at my demo to see whats going on. I works exactly like I want it to yet it is taking two clicks on a thumb to get it to center the right way, rather than just one.

Demo: http://www.webphibian.com/standards/slideshows/jslideshow-test.php

Any ideas?

So I'm still looking for help on this.

You can find a demo at: http://brettjankord.com/standards/slideshows/jslideshow-test2.php

I have the slide show working exactly how I would like, except:

To center the active thumbnail, you have to click on it twice, I would like to have it be just one click.

The first 3 thumbnails, and last 3 thumbnails do not center, which is how I want it to work. I just want it so if the user clicks once on any thumbnail in-between those, it will center that thumbnail.

If anyone has any ideas, I'm all ears, this has been driving me crazy.