html - (Drupal) 试图设置鼠标悬停图像，但 Drupal 用垃圾代码破坏了它。我该如何解决这个问题？

Question

早上好，堆栈溢出！相当简单的问题 - 我正在尝试在 Drupal 上设置鼠标悬停图像，我再次提供这个，相当简单的图像标签：

<img src="http://www.gameaether.com/Images/stream_n3cril.png" onmouseover=""http://www.gameaether.com/Images/stream_n3cril_hover.png" onmouseout="http://www.gameaether.com/Images/stream_n3cril.png">

但是，当我提交更改时，Drupal 将其修改为：

<img onmouseout="this.src=''http://www.gameaether.com/Images/stream_nanakis.png" onmouseover="this.src=''http://www.gameaether.com/Images/stream_nanakis_hover.png" src="http://www.gameaether.com/Images/stream_n3cril.png" />

注意：“Nanakis”是我正在尝试做的另一张图片。全面的结果相同。

任何帮助，将不胜感激！

Answer 1

这可能与您使用的输入过滤器有关。据我所知，Drupal 在保存数据时不会更改数据，但会在显示数据时尝试清除潜在的 xss。考虑使用 jQuery 方法，例如

$('#imageID').hover(function() { $(this).attr('src', 'mouseover img src') }, function() {$(this).attr('src', 'mouseout img src')});

Answer 2

您还可以创建两个函数，它们将在相应的鼠标事件上调用并在那里更改图像！