GotoSlide(index) funktioniert in Slider Pro nicht ⇐ HTML

[Anonymous]

Ich verwende Slider Pro, das Plugin finden Sie hier.
Ich habe meine eigene einfache Navigation für das Slider-Karussell erstellt, etwa so:
HTML:

Code: Select all

 
[url=#]one[/url]
[url=#]two[/url]
[url=#]three[/url]
[url=#]four[/url]

Und der JS-Code, damit die Navigation funktioniert, ist unten:

Code: Select all

$('.slider-navs a').on('click' , function(){
var idx = $(this).index();
$( '#example3' ).sliderPro('gotoSlide' ,   $(this).index() );
console.log(idx);
return false;
});

Ich habe hier eine Geige. (Die Geige enthält den JS- und CSS-Code für Slider Pro und den Init-Code für das Plugin zusammen mit dem benutzerdefinierten Code).
Lassen Sie mich nun mein Problem beschreiben. Ich habe getestet, dass die Variable idx = $(this).index() immer die richtige ist, sodass mein benutzerdefinierter JS-Code nichts falsch macht; Ich habe es mehrfach getestet. Das Problem ist, dass die Folien durcheinander geraten. Im HTML habe ich sie so geladen:

Code: Select all

[img]../src/css/images/blank.gif[/img]
            data-src="http://bqworks.com/slider-pro/images/image1_medium.jpg"/>

data-horizontal="50" data-vertical="50"
data-show-transition="left" data-show-delay="400">
ZERO

[img]../src/css/images/blank.gif[/img]
            data-src="http://bqworks.com/slider-pro/images/image2_medium.jpg" />

data-horizontal="50" data-vertical="50"
data-show-transition="left" data-show-delay="400">
ONE

[img]../src/css/images/blank.gif[/img]
            data-src="http://bqworks.com/slider-pro/images/image3_medium.jpg" />

data-horizontal="50" data-vertical="50"
data-show-transition="left" data-show-delay="400">
TWO

[img]../src/css/images/blank.gif[/img]
            data-src="http://bqworks.com/slider-pro/images/image4_medium.jpg" />

data-horizontal="50" data-vertical="50"
data-show-transition="left" data-show-delay="400">
THREE

Wenn ich das Element inspiziere, sehe ich, dass die Folien manchmal in einer zufälligen Reihenfolge geladen werden, was offensichtlich dazu führt, dass meine benutzerdefinierte Navigation fehlerhaft aussieht. Ich sehe keinen Sinn darin, eine Funktion wie gotoslide zu haben, wenn das Plugin dazu führt, dass die Folien in einer zufälligen Reihenfolge angezeigt werden.
Gibt es einige knifflige Tricks, die ich anwenden kann, um diesen Fehler zu beheben? Oder mache ich offensichtlich etwas falsch?