Как сделать луп изображений при ховере?

Question

metori @metori

Как сделать луп изображений при ховере?

Привет. Есть такой код: https://jsfiddle.net/222bq9Lt/
Подскажите, как можно реализовать, чтобы изначально была статичная картинка, а при наведении на нее начинался луп?

Вопрос задан более трёх лет назад
132 просмотра

1 комментарий

Подписаться 1 Простой 1 комментарий

Решения вопроса 1

3 комментария

metori @metori Автор вопроса

Благодарю! А можно как-то оставить первую картинку (в примере это blank.png), если курсор не на объекте? А то оно на последней остается

Написано более трёх лет назад

hzzzzl @hzzzzl

myTraffic.onmouseout = () => {
  clearInterval(timer);
  myLight.src = myPics[0];
  i=1;
}

Написано более трёх лет назад

metori @metori Автор вопроса

hzzzzl, Премного благодарен!

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

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

Войти через центр авторизации

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

CSS

Простой
Как в данном коде формируется высота блока?
- 1 подписчик
- 2 часа назад
- 19 просмотров
1

ответ
CSS

Простой
Как убрать подчеркивание ссылки :hover?
- 1 подписчик
- 3 часа назад
- 34 просмотра
0

ответов
JavaScript

Простой
По какой логике bind принимает только первый контекст?
- 1 подписчик
- 3 часа назад
- 59 просмотров
2

ответа
HTML

+1 ещё

Простой
Как добавить разный фон в ::before для объектов с одинаковым стилем?
- 1 подписчик
- 3 часа назад
- 11 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- 4 часа назад
- 22 просмотра
1

ответ
JavaScript

+3 ещё

Средний
Как сделать выборку mongo?
- 1 подписчик
- 5 часов назад
- 23 просмотра
0

ответов
CSS

Простой
Как сделать фон который слева сужается, справа расширяется?
- 1 подписчик
- 5 часов назад
- 47 просмотров
1

ответ
JavaScript

Средний
Запись в cookie или localStorage только при открытии страницы?
- 1 подписчик
- 6 часов назад
- 35 просмотров
3

ответа
JavaScript

+2 ещё

Средний
Правильно ли настроен webpack.config для PWA приложения?
- 1 подписчик
- 7 часов назад
- 23 просмотра
0

ответов
CSS

+1 ещё

Простой
Bootstrap, как затемнить картинку?
- 1 подписчик
- 11 часов назад
- 50 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Написать модуль подключения матрицы Sony к ПЛИС (Verilog)

26 апр. 2024, в 21:30

15000 руб./за проект

8266 f12 требуется сделать ревью и оптимизировать работу

26 апр. 2024, в 20:42

2000 руб./за проект

Доработать и интегрировать модуль на WordPress

26 апр. 2024, в 19:53

5000 руб./за проект

запускать таймер не сразу,а по наведению.

Answer 1 · 2019-11-21 16:20:35

hzzzzl @hzzzzl

Ответ написан более трёх лет назад

3 комментария

Как сделать луп изображений при ховере?

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

Минуточку внимания

Войдите на сайт