Hilfe benötigt Zentrierung thumbnail basierend auf dem Klassennamen - Jquery

Question

Ich habe eine Diashow-Komponente, an der ich gearbeitet habe, die ein Mash up von jcycle und jcarousel ist. Es funktioniert ziemlich gut, aber es gibt noch ein letztes Feature, das ich hinzufügen kann, das ich nicht herausfinden kann. Gerade jetzt, wenn Sie auf ein Thumbnail klicken, zentriert es es im Karussell, solange es nicht die ersten 2 oder letzten 2 Daumen ist. Das funktioniert gut und ich mag es, das aktive Thumbnail der Diashow zu zentrieren.

Das Problem, auf das ich stoße, ist, wenn der Benutzer die Wiedergabeschaltfläche auf der Diashow oder den nächsten und vorherigen Folienschaltflächen betätigt, die Diashow-Zyklen, aber die aktive Folie-Miniaturansicht nicht im Karussell zentriert. Ich habe erfolglos versucht zu überprüfen, ob der Thumbnail-Anker die Klasse activeSlide hat, und wenn ja, zu zentrieren, kann es nicht funktionieren.

Hier ist ein Link zu der Demo-Seite, an der ich gearbeitet habe.

http://brettjankord.com/standards/slideshows/jslideshow-test2.php

Jede Hilfe ist sehr zu schätzen!

Answer 1

gebe folgende am Ende Ihres onBefore Methode

var carousel = $('#mycarousel').data('jcarousel'); 
var activeIdx = $('#mycarousel img[src="'+next.src+'"]').closest('a').data('index') -2; 
if (carousel) 
    { 
     carousel.scroll(activeIdx); 
    } 

Demo bei http://jsfiddle.net/JupPn/1/