Поиск кода, который я могу подключить. Использование изображений для создания гигантской интерактивной кнопки
Я работаю с модулем divi в word press. Я хочу, чтобы иметь возможность обмена изображениями с другим изображением на мыши. Также измените назад, когда мышь выключена, с достаточно быстрой увядкой. (Я включу изображение Urls).
Я также хочу, чтобы изображение ссылалось на URL-адрес (я добавлю это, еще раз скажу, где в коде, т.е. Ваш URL здесь).
Для мобильных устройств или устройств с сенсорным экраном я хотел бы, чтобы первое изображение изменилось на второе при нажатии на изображение, а затем перенаправлено на тот же URL-адрес
Любая помощь приветствуется :)
Сделал немного больше копания, вот как это сделать. С 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, когда-либо написанная ха-ха, что такое скраб. Теперь исследуем, как сделать затухание
Смотрите мой код: http://codepen.io/tobiasglaus/pen/wzYZAP
background: url('http://www.hutui6.com/data/out/102/66775709-image-wallpapers.jpg');
Я установил фоновое изображение в css, которое изменяется при наведении...
На мобильных устройствах эффекты зависания автоматически появляются при нажатии, так что то же самое.