Помощник
|
jQuery цикл при наведении на элемент |
WoWeb
|
Сообщение
#1
|
||
|
|
||
|
|||
falken |
20.5.2019, 12:28;
Ответить: falken
Сообщение
#2
|
|
WoWeb, ну, например, организуйте примитивный слайдер, при наведении запускайте метод play(), который запускает этот слайдер
-------------------- |
|
|
WoWeb
|
Сообщение
#3
|
|
falken, Та не хотелось бы лишние скрипты подключать...
-------------------- |
|
|
falken |
20.5.2019, 12:34;
Ответить: falken
Сообщение
#4
|
|
WoWeb, так а зачем скрипты?) смена изображений пишется в несколько строк кода даже на ванильном js
-------------------- |
|
|
WoWeb
|
Сообщение
#5
|
|
при наведении запускайте метод play(), который запускает этот слайдер Ну у меня как бы с этим и проблемы, я не могу понять как организовать цикл который при наведении будет менять слайды, а когда убираешь курсор - останавливать цикл. -------------------- |
|
|
DevDeweloper |
20.5.2019, 12:46;
Ответить: DevDeweloper
Сообщение
#6
|
|
WoWeb, Можно пример цикла?
П.С. А вообще есть вариант, на наведении вешаешь интервал и крутишь, при событии выхода мышки clear интервал) -------------------- |
|
|
WoWeb
|
Сообщение
#7
|
|
DevDeweloper, Цикла как такового я еще не писал но могу сказать логику:
Есть элемент img у него есть атрибут data-src в котором через запятую указаны ссылки 5 изображений. При наведении на img данные из атрибуту data-src разбиваются на массив и в цикле поочередно подставляются ссылки в атрибут src. При достижении последнего элемента массива - цикл запускается с начала. -------------------- |
|
|
DevDeweloper |
20.5.2019, 12:56;
Ответить: DevDeweloper
Сообщение
#8
|
|
WoWeb, Впринципе. тогда вот так можно.
При маусине, крутишь ссылки. типо Код while($(this).data('carusel')){
тут смена src } при маус ауте, $(this).data('carusel',false); -------------------- |
|
|
Wolkoff |
20.5.2019, 12:59;
Ответить: Wolkoff
Сообщение
#9
|
|
Набросал пример на коленке, посмотрите, мб поможет
Ссылка Сообщение отредактировал Wolkoff - 20.5.2019, 13:08 |
|
|
falken |
20.5.2019, 13:20;
Ответить: falken
Сообщение
#10
|
|
WoWeb, https://codepen.io/iwneid/pen/pmrBZN
если нужно генерировать пикчи динамически, то Wolkoff в общем-то правильный пример дал. -------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
7 | stu999 | 1758 | 31.3.2024, 11:19 автор: stu999 |
|
Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery Разработка сайтов и сервисов под-ключ |
0 | alexey | 1246 | 24.11.2023, 14:46 автор: alexey |
|
Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP) | 56 | qpPeW | 44946 | 19.7.2023, 10:03 автор: qpPeW |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2206 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30395 | 19.7.2022, 13:41 автор: Funoman |
Текстовая версия | Сейчас: 25.4.2024, 19:04 |