GotoSlide(index) не работает в Slider ProHtml

Программисты Html
Ответить
Anonymous
 GotoSlide(index) не работает в Slider Pro

Сообщение Anonymous »

Я использую Slider Pro, плагин можно найти здесь.
Я создал собственную простую навигацию для карусели слайдера, например:
HTML:

Код: Выделить всё

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

И JS-код для работы навигации приведен ниже:

Код: Выделить всё

$('.slider-navs a').on('click' , function(){
var idx = $(this).index();
$( '#example3' ).sliderPro('gotoSlide' ,   $(this).index() );
console.log(idx);
return false;
});
У меня здесь есть скрипка. (Скрипка содержит код JS и CSS для Slider Pro, а также код инициализации плагина вместе с пользовательским кодом).
Теперь позвольте мне описать мою проблему. Я проверил, что var idx = $(this).index() всегда правильный, поэтому в моем пользовательском JS-коде нет ничего плохого; Я тестировал это несколько раз. Проблема в том, что слайды путаются. В HTML они загружены следующим образом:

Код: Выделить всё


[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


Когда я проверяю элемент, я вижу, что иногда слайды загружаются в случайном порядке, что, очевидно, делает мою пользовательскую навигацию похожей на неисправность. Я не вижу смысла использовать такую ​​функцию, как gotoslide, когда плагин будет вызывать слайды в случайном порядке.
Есть ли какой-нибудь хитрый трюк, который я могу сделать, чтобы преодолеть эту ошибку? Или я делаю что-то явно не так?

Подробнее здесь: https://stackoverflow.com/questions/357 ... slider-pro
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»