Question

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

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

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

对于手机或带触摸屏的设备，我希望第一张图片在录制图像时更改为第二张图像，然后重定向到相同的网址

非常感谢任何帮助：）

Answer 1

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

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

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

在移动设备上，点按时会自动显示悬停效果，因此也是如此。

Answer 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写的哈哈什么是擦洗现在调查如何进行淡入淡出

Wordpress，Divi，图像替换悬停

2 个答案: