Javascript 在Moodle中更改特定页面的图像路径

在我的例子中，我想在用户进入“联系我们”页面时更改href图像图标。但这些图像是从头文件加载的，我想在联系我们页面时更改图像路径

<div class="header_nav_buttons" style="width: 25%;">
  <div id="first_img" style="float: left;margin-right: 3px;">
<a href="cth/support.php"><img src="cth/theme/boxxie/pix/tech_support.png"/><a>
</div>

<div id="second_img">
  <a href="cth/contact.php">
  <img id="contact_blue_icon" src="cth/theme/boxxie/pix/contact_us.png"/></a>
  </div>
</div>

---

如有任何帮助，我们将不胜感激。

'contact\u blue\u icon'是一个Id。它是一个独特的元素 尝试使用完整图像路径

$('#contact_blue_icon').attr('src','http://image_path');

---

由于

id

是唯一的，因此需要对图像使用类：

<img class="contact_blue_icon" src="cth/theme/boxxie/pix/contact_us.png"/></a>

---

因此，您需要

class=“contact\u blue\u icon”

而不是

id=“contact\u blue\u icon”

这是一个粘贴错误还是您的链接没有正确封装？这是一个粘贴错误并已修复。您为什么要特别尝试在javascript中执行此操作？编辑主题以在该页面上显示不同的图标不是更好？或者更好，为什么不使用CSS背景图像属性来设置图像（而不是显式的“img”标记），然后您可以使用body标记中的path XX yy类来覆盖联系人页面的图标（在您的主题CSS中）。我首先使用了Content:url属性，但它在firefox中不起作用。这就是为什么我试着这样做。您是否包括jQuery？您在控制台中收到任何错误吗？是的，我包括jquery，控制台没有给出错误消息。

<img class="contact_blue_icon" src="cth/theme/boxxie/pix/contact_us.png"/></a>