Форум Сайтостроение Веб-строительство

Как сдвинуть картинку (см. сайт)?

12
Mahol
На сайте с 20.11.2016
Offline
96
Mahol
#11

Зациклил гифку, она появляется и исчезает. Только почему гифка не появляется, если навести курсор на отзыв снова? На последний кадр пришлось поставить максимальную задержку в 240 секунд, потому что не работает при экспорте однократный повтор (см. скрин).

Код показа гифки при наведении: 

div.n2-ss-layers-container.n2-ow:hover {

	display:block;

	z-index:100;

	visibility: visible;

     background-position: 40px 80px !important;

	 background:url('https://www.stomatologplus-vrn.ru/wp-content/uploads/2019/04/leaves-135.gif') no-repeat;

}
jpg 183307.jpg
Mahol
На сайте с 20.11.2016
Offline
96
Mahol
#12
SERM-service:
Можно через Js менять анимацию на картинку через определенное время, а потом менять обратно. 

onmouseenter="setTimeout(() => {this.style.backgroundImage = 'url(путь к статической картинке)'}, 2000)";

onmouseleave="setTimeout(() => {this.style.backgroundImage = 'url(путь к гифке)'}, 0)";

Как это применяется? Этот код должен быть добавлен в functions.php, верно?

altezzik
На сайте с 06.11.2011
Offline
247
altezzik
#13
Mahol:
Этот код должен быть добавлен в functions.php, верно?

Это JavaScript.

SS
На сайте с 15.12.2015
Offline
83
SERM-service
#14
Mahol:
Как это применяется? Этот код должен быть добавлен в functions.php, верно?

На элемент к которому вы фон прикрутили. 

<div onmouseenter="setTimeout(() => {this.style.backgroundImage = 'url(путь к статической картинке)'}, 2000)";

onmouseleave="setTimeout(() => {this.style.backgroundImage = 'url(путь к гифке)'}, 0)";>

</div>
Размещение естественных ссылок на тематических порталах, отзовиках, справочниках (/ru/forum/1013919)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий