Да, я видел плагины, но НЕ предполагается использовать ни Woocommerce, ни Лейку, ни eCommerce.
Или без разницы? Простая кнопка с "функцией на событие" будет ведь работать?---------- Добавлено 28.06.2019 в 11:29 ----------
Не совсем понятно, ведь код метрики вставляю методом копировать-вставить и ничего там не прописываю.
onmouseenter="setTimeout(() => {this.style.backgroundImage = 'url(путь к статической картинке)'}, 2000)"; onmouseleave="setTimeout(() => {this.style.backgroundImage = 'url(путь к гифке)'}, 0)";
Как это применяется? Этот код должен быть добавлен в functions.php, верно?
Посмотрите, пожалуйста, сейчас.
Гифка при наведении активируется и останавливается. Это хорошо. А как сделать включение обратной гифки, когда курсор ушел из поля отзыва?
Не знаю почему, но гифка действительно не зациклена, если смотреть в браузере. Ничего не пойму. Эту же гифку открываю через XnView - она воспроизводится через 10 сек., как и положено.
Голову я и не пытаюсь никому морочить, а пытаюсь разобраться.---------- Добавлено 22.04.2019 в 23:32 ----------
Да, с png проблем нет, работает норм.
Тогда можно задать плавное появление этого файла png и выводить только в слайдере отзывов (а то показывается во всех слайдерах плагина)?
Sitealert, в данный момент стоит задержка последнего кадра 10 секунд. А толку?
Зациклил гифку, она появляется и исчезает. Только почему гифка не появляется, если навести курсор на отзыв снова? На последний кадр пришлось поставить максимальную задержку в 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; }
Подскажите еще, пожалуйста. Заказчик хочет зациклить гифку - то есть, чтобы листья появлялись и через некоторое время убирались. Я пишу ему - пусть художник сделает то, что вам нужно. Он отвечает: "давайте своими силами".
Разве это можно с помощью кода сделать? Или только в графическом редакторе?
А возможно сделать так, чтобы при наведении листья вырастали и остановились; курсор ушел - листья спрятались?
Спасибо, с background-position удалось переместить на нужное место.
И еще вдогонку вопрос - можно ли управлять анимацией с помощью CSS? Нужно медленное воспроизведение и повтор через 2 секунды. Или это только художник может задать эти параметры в графическом редакторе?
Sitealert, хм, а как рисунок уместить по высоте?
