Я создал собственную простую навигацию для карусели слайдера, например:
HTML:
Код: Выделить всё
[url=#]one[/url]
[url=#]two[/url]
[url=#]three[/url]
[url=#]four[/url]
Код: Выделить всё
$('.slider-navs a').on('click' , function(){
var idx = $(this).index();
$( '#example3' ).sliderPro('gotoSlide' , $(this).index() );
console.log(idx);
return false;
});
Теперь позвольте мне описать мою проблему. Я проверил, что 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
Есть ли какой-нибудь хитрый трюк, который я могу сделать, чтобы преодолеть эту ошибку? Или я делаю что-то явно не так?
Подробнее здесь: https://stackoverflow.com/questions/357 ... slider-pro
Мобильная версия