用于智能设备的鼠标悬停

Question

我希望图片在悬停时“转”成另一张图像。所以，基本上页面上有一个图像（image1.png），当悬停它时，它应该只显示另一个imag（image2.png）而不是第一个。 我尝试使用它，它的效果非常好：

<img src='Image1.png' width='100' height='100'
 onmouseover="this.src='Image2.png';" 
onmouseout="this.src='Image1.png';" />

没有图片有链接，这就是为什么我没有使用任何“悬停”解决方案。

然而，现在我才意识到它只适用于计算机，而不适用于智能设备，因为它们实际上没有悬停功能。但由于该网站拥有相当多的智能设备用户，因此对他们来说非常重要。

有解决方法吗？

我的JS技能非常有限，所以我还没弄清楚。

提前感谢您的帮助！

Answer 1

我的个人经验，最好将CSS用于这些类型的东西，你可以在CSS中指定绝对路径，不需要图像链接（../../.)

同样，您不能将鼠标悬停在移动设备上，但可以将鼠标悬停在触控点击上。 目前正在讨论这个问题：Changing :hover to touch/click for mobile devices