getImageList и Flexslider
Здравствуйте! Помогите, пожалуйста, разобраться!!!
Есть галерея объекта, которая заносится с помощью MIGX. Выводится через getImageList:
Т.е. есть ротатор и карусель, которая работает как нав.панель для ротатора.
Скрипт, который подключаю для вывода слайдера:
Миниатюра в карусели и слайд в ротаторе не совпадают. Когда активна первая миниатюра в карусели, в ротаторе показывается последняя фото галерея. Идет запаздывание.
Подскажите, люди добрые, в чем может быть проблема?
Есть галерея объекта, которая заносится с помощью MIGX. Выводится через getImageList:
[[getImageList?
&tvname=`images`
&tpl=`slides`
]]
чанк slides:<li data-thumb="[[+image]]">
<img src="[[+image]]" alt="[[+description]]" />
</li>
Выводится через FlexSlider следующего вида: flexslider.woothemes.com/thumbnail-controlnav.htmlТ.е. есть ротатор и карусель, которая работает как нав.панель для ротатора.
Скрипт, который подключаю для вывода слайдера:
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: "thumbnails"
});
});
Все выводит, но есть небольшая проблема.Миниатюра в карусели и слайд в ротаторе не совпадают. Когда активна первая миниатюра в карусели, в ротаторе показывается последняя фото галерея. Идет запаздывание.
Подскажите, люди добрые, в чем может быть проблема?
Комментарии: 5
Можно ссылку на сайт?
Подключала файл css, шедший в архиве flexslider
У Вас почему-то скрипт дублирует первый элемент.
Можете прописать в стилях:
Можете прописать в стилях:
.slides .clone:first-child {display:none !important;}
Заплатка, конечно, но должно сработать ))
Спасибо огромное!!! Работает
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.