Question

在我的情况下，我想在用户联系我们页面时更改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>

我试过这个Jquery代码。

$('#contact_blue_icon').each(function(){
  //Change the src of each img
  $(this).attr('src','cth/theme/boxxie/pix/blue_contact.png');
 });

任何帮助都将不胜感激。

Answer 1

'contact_blue_icon'是一个ID。这是一个独特的元素尝试使用完整图像路径

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

Answer 2

由于id是唯一的，因此您需要为您的图片使用类：

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

因此，您需要class="contact_blue_icon"而不是id="contact_blue_icon"

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

2 个答案: