Как не выполнять hide/show если условие уже выполнено?

Ситуация следующая: Есть слайдер: www.idangero.us/sliders/swiper/api.php

При пролистывание слайда текст который идет поверх него должен скрываться и появляться при остановке пролистывания. Для этого указал слайдеру такие настройки.

swiper = new Swiper('.swiper-container_', {pagination: '.pagination', paginationClickable: true, 				onTouchStart : function() {
$('#text').fadeOut(300);
},
onTouchEnd: function(){
$('#text').fadeIn(1500);
}});


Все работает, но проблема сейчас в том, что при пролистывании к примеру подряд двух слайдов и больше. div с текстом который должен исчезать при начале листания и появляться при окончании листания, исчезает и появляется столько раз, сколько слайдев пролистывается. Почему так происходит я понимаю, но смотриться это ужасно. Есть какие то пути решения, что бы он скрывался только когда начинается пролистывание, и появлялся когда заканчивается даже при прокрутке нескольких слайдов? Может какая та задержка с проверкой?
  • Вопрос задан
  • 2434 просмотра
Пригласить эксперта
Ответы на вопрос 1
@ArthurSupertramp
Попробуйте поменять коллбэки на эти
onSlideChangeStart
onSlideChangeEnd
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы