2015-07-18 4 views
0

Для справки, я говорю о Ken Wheeler's Slick slider.Как я могу правильно эмулировать предыдущие/следующие кнопки в slick.js?

Имея некоторые проблемы с получением «динамических» (загруженных из базы данных) изображений, отображаемых при загрузке моей страницы, по какой-либо причине отображается только верхний 20 пикселей или около того, но не все остальное. Если вы перетащите их или нажмите кнопки prev/next, они будут отображаться полностью, а слайдер работает так, как должен.

Таким образом, мой рабочий стол должен отображать короткий текст с надписью «Показывать изображения», скрытые за изображениями, если они do появляются, но отображаются, если что-то нехорошо.

С/следующей кнопкой предыдущей работает даже тогда, когда ошибка появляется, я решил сделать это в моем случае клика для div-to-fix-bug:

$('.gallery').slick('slickNext') 
//gallery is the slider 

Но это не будет работать, что приводит мне полагать, что актуальные prev/next buttons делают что-то еще! Я слишком разбираюсь в исходном коде, поэтому я спрашиваю здесь, как я могу эмулировать предыдущие/следующие кнопки лучше, чем slickNext.

ответ

0

Вместо ссылки на slickNext, то лучше действовать до горок изменить:

$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){ 
    // add your bug-fixing script here and do so only for the relevant slide (nextSlide) 
}); 

не был уверен, что ваш точный вопрос, если это не было полезным, пожалуйста, добавьте JSFiddle.