WordPress, Divi, Image заменить при наведении

-3

Поиск кода, который я могу подключить. Использование изображений для создания гигантской интерактивной кнопки

Я работаю с модулем divi в word press. Я хочу, чтобы иметь возможность обмена изображениями с другим изображением на мыши. Также измените назад, когда мышь выключена, с достаточно быстрой увядкой. (Я включу изображение Urls).

Я также хочу, чтобы изображение ссылалось на URL-адрес (я добавлю это, еще раз скажу, где в коде, т.е. Ваш URL здесь).

Для мобильных устройств или устройств с сенсорным экраном я хотел бы, чтобы первое изображение изменилось на второе при нажатии на изображение, а затем перенаправлено на тот же URL-адрес

Любая помощь приветствуется :)

2 ответа

0

Сделал немного больше копания, вот как это сделать. С HTML

    <a class="ds-hover-1" href="(LINK URL)"><img src="(NORMAL IMAGE URL)"onmouseover="this.src='(OVERLAY IMAGE URL)'" onmouseout="this.src='(NORMAL IMAGE URL)'"></a>

PS Моя первая строка Html, когда-либо написанная ха-ха, что такое скраб. Теперь исследуем, как сделать затухание

0

Смотрите мой код: http://codepen.io/tobiasglaus/pen/wzYZAP

background: url('http://www.hutui6.com/data/out/102/66775709-image-wallpapers.jpg');

Я установил фоновое изображение в css, которое изменяется при наведении...

На мобильных устройствах эффекты зависания автоматически появляются при нажатии, так что то же самое.

  • 0
    Спасибо, попробовал подключить это, просто появился как текст. Я думаю, что делать это, это работает, но я пропускаю часть кода
  • 0
    <a class="ds-hover-1" href="(URL LINK)"> <img src = "(URL IMAGE)"> </a>
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню