Wordpress，Divi，悬停时图像替换答案

【问题标题】：Wordpress, Divi, Image replace on hoverWordpress，Divi，悬停时图像替换
【发布时间】：2016-10-18 12:21:22
【问题描述】：

寻找我可以插入的代码使用图片制作一个巨大的交互按钮

我正在使用 word press 中的 divi 代码模块。我希望能够在鼠标悬停时与另一个图像交换图像。当鼠标关闭时，也会以相当快的淡入淡出变回来。（我将插入图像 Urls ）。

我还希望图像链接到一个网址（我会添加这个，再次说明代码中的位置，即 |你的网址在这里|）。

对于带有触摸屏的移动设备或设备，我希望在点击图像时将第一个图像更改为第二个图像，然后重定向到相同的网址

任何帮助将不胜感激:)

【问题讨论】：

标签： javascript jquery html css wordpress

【解决方案1】：

观看我的密码笔：http://codepen.io/tobiasglaus/pen/wzYZAP

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

我在 css 中设置了一个背景图片，它会在悬停时改变...

在移动设备上，点击时会自动出现悬停效果，所以是一样的。

【讨论】：

谢谢，尝试插入，只是作为文本出现。我认为这样做是可行的，但我缺少部分代码
对不起，我对代码不太了解，这是一种不同的代码语言吗？
去我的链接...在那里自我解释

【解决方案2】：

做了更多的挖掘，这里是如何做到的。使用 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>

P.S 我写过的第一行 Html 哈哈现在正在研究如何进行淡入淡出

【讨论】：