X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> jQuery цикл при наведении на элемент
WoWeb
WoWeb
Topic Starter сообщение 20.5.2019, 11:56; Ответить: WoWeb
Сообщение #1


Всем привет! Подскажите кто сталкивался, никак не могу придумать как сделать что бы при наведении на блок - запускался цикл(меняется несколько изображений), а когда убираешь курсор с блока - цикл останавливался. По сути функционал как у порнхаба(при наведении на превью меняются изображения)


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 20.5.2019, 12:28; Ответить: falken
Сообщение #2


WoWeb, ну, например, организуйте примитивный слайдер, при наведении запускайте метод play(), который запускает этот слайдер


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
Topic Starter сообщение 20.5.2019, 12:29; Ответить: WoWeb
Сообщение #3


falken, Та не хотелось бы лишние скрипты подключать...


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 20.5.2019, 12:34; Ответить: falken
Сообщение #4


WoWeb, так а зачем скрипты?) смена изображений пишется в несколько строк кода даже на ванильном js


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
Topic Starter сообщение 20.5.2019, 12:35; Ответить: WoWeb
Сообщение #5


Цитата(falken @ 20.5.2019, 12:28) *
при наведении запускайте метод play(), который запускает этот слайдер

Ну у меня как бы с этим и проблемы, я не могу понять как организовать цикл который при наведении будет менять слайды, а когда убираешь курсор - останавливать цикл.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DevDeweloper
DevDeweloper
сообщение 20.5.2019, 12:46; Ответить: DevDeweloper
Сообщение #6


WoWeb, Можно пример цикла?
П.С. А вообще есть вариант, на наведении вешаешь интервал и крутишь, при событии выхода мышки clear интервал)


--------------------
Мои услуги - клик
Интересное предложение по моб. приложению для интернет магазинов - клик
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
Topic Starter сообщение 20.5.2019, 12:51; Ответить: WoWeb
Сообщение #7


DevDeweloper, Цикла как такового я еще не писал но могу сказать логику:
Есть элемент img у него есть атрибут data-src в котором через запятую указаны ссылки 5 изображений.
При наведении на img данные из атрибуту data-src разбиваются на массив и в цикле поочередно подставляются ссылки в атрибут src.
При достижении последнего элемента массива - цикл запускается с начала.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DevDeweloper
DevDeweloper
сообщение 20.5.2019, 12:56; Ответить: DevDeweloper
Сообщение #8


WoWeb, Впринципе. тогда вот так можно.
При маусине, крутишь ссылки. типо
Код
while($(this).data('carusel')){
тут смена src

}

при маус ауте,
$(this).data('carusel',false);


--------------------
Мои услуги - клик
Интересное предложение по моб. приложению для интернет магазинов - клик


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wolkoff
Wolkoff
сообщение 20.5.2019, 12:59; Ответить: Wolkoff
Сообщение #9


Набросал пример на коленке, посмотрите, мб поможет

Ссылка

Сообщение отредактировал Wolkoff - 20.5.2019, 13:08


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 20.5.2019, 13:20; Ответить: falken
Сообщение #10


WoWeb, https://codepen.io/iwneid/pen/pmrBZN
если нужно генерировать пикчи динамически, то Wolkoff в общем-то правильный пример дал.


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 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


 



RSS Текстовая версия Сейчас: 25.4.2024, 19:04
Дизайн