Как не выполнять 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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 17:06
15000 руб./за проект
19 апр. 2024, в 16:53
1000 руб./за проект
19 апр. 2024, в 16:45
5000 руб./за проект