Задать вопрос

Как не выполнять 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 с текстом который должен исчезать при начале листания и появляться при окончании листания, исчезает и появляется столько раз, сколько слайдев пролистывается. Почему так происходит я понимаю, но смотриться это ужасно. Есть какие то пути решения, что бы он скрывался только когда начинается пролистывание, и появлялся когда заканчивается даже при прокрутке нескольких слайдов? Может какая та задержка с проверкой?
  • Вопрос задан
  • 2435 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@ArthurSupertramp
Попробуйте поменять коллбэки на эти
onSlideChangeStart
onSlideChangeEnd
Ответ написан
Ваш ответ на вопрос

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

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