Остановка карусели при наведении  [РЕШЕНО]

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
spoon
Опытный
Опытный
Сообщения: 760
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Остановка карусели при наведении

Сообщение spoon » 13 ноя 2017, 07:19

Подскажите, кто нить реализовывал событие hover на стандартной билдеровской карусели?
Съешь ещё этих мягких французских булок, да выпей чаю!

Реклама
Аватара пользователя

Автор Темы
spoon
Опытный
Опытный
Сообщения: 760
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Остановка карусели при наведении  [РЕШЕНО]

Сообщение spoon » 13 ноя 2017, 21:39

Разобрался.
Массовый игнор что-ли?))
Съешь ещё этих мягких французских булок, да выпей чаю!

Аватара пользователя

Masimka93
Интересующийся
Интересующийся
Сообщения: 46
Зарегистрирован: 05 май 2017, 13:18
Версия Web Builder: 12.4

Остановка карусели при наведении

Сообщение Masimka93 » 13 ноя 2017, 21:53

spoon, как сделал?)

Аватара пользователя

Gudwinn
Эксперт
Эксперт
Сообщения: 1299
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Остановка карусели при наведении

Сообщение Gudwinn » 14 ноя 2017, 01:11

Это очень просто делается, этот скрипт установить до </body>

Код: Выделить всё

<script>
$("#wb_Carousel1").hover(function()
      {
         $('#Carousel1').carousel('stop');
      }, function(){
         $('#Carousel1').carousel('start');
     });

</script>
айдишник карусели указать свой надо конечно же))))
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

Аватара пользователя

Автор Темы
spoon
Опытный
Опытный
Сообщения: 760
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Остановка карусели при наведении

Сообщение spoon » 14 ноя 2017, 07:11

Какая была задача: есть n количество слайдов на карусели, на каждом слайде есть текст, который при наведении на этот текст, показывает другой текст на этом же слайде. На каждый текст поставил события onmouseover и onmouseout-чтобы показать и скрыть текст, но нужно было остановить карусель при наведении курсора на текст и запуск карусели при отведении курсора. Снова на каждый текст поставил событие onmouseover и действие javascript с функцией $('#Carousel1').carousel('stop'); (id конечно же свой), на onmouseout функцию $('#Carousel1').carousel('start'); Вроде все супер)) но не тут то было) слайда два-три это всё работает, а потом начинается прокрутка слайдов котарая не реагирует на курсор. Написал Pablo, он говорит, "всё у тебя работает, либо увеличивай паузу, либо вынаси события на стабильный объект вне карусели, т.к. событие onmouseout конфликтует с анимацией карусели" как то так перевёл)).
Увеличение паузы ни чего не дало, можно хоть 1000000 выставить. Пришлось прописывать в haed код Кирила-спасибо Gudwinn, ты как всегда лучший :co_ol: .
Ну а по сути, проблема была в том, что:
1. Мы просто ленимся читать help-там как раз это всё есть, и функции прописаны и события;
2. В плагине для карусели уже были прописаны параметр 'stop' и 'start', просто, расшифровки этого плагина нет, что там написано, для человека не разбирающегося в jq, это сложно. К другим, аналогичным плагинам карусели всегда есть мануал.
Как то так, спасибо Pablo и Gudwinn,
Съешь ещё этих мягких французских булок, да выпей чаю!

Аватара пользователя

SuperBatya
Сведущий
Сведущий
Сообщения: 197
Зарегистрирован: 18 сен 2016, 01:05
Версия Web Builder: 11.2.3

Остановка карусели при наведении

Сообщение SuperBatya » 14 ноя 2017, 10:00

Можно использовать "Слайд шоу"... Этот объект в режиме паузы при наведении крысы.., а в режиме "карусель" - заменяет карусель


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость