在Moodle中更改特定頁面的圖像路徑

在我的情況下，我想在用戶來聯繫我們頁面時更改href圖像圖標。但是這些圖像是從頭文件加載的，我想在聯繫我們頁面時更改圖像路徑。在Moodle中更改特定頁面的圖像路徑

<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'); 
});

任何幫助將不勝感激。

來源

2014-02-25 koli

是粘貼錯誤或您的鏈接沒有正確包含？ –

這是一個粘貼錯誤，並修復它。 – koli

你爲什麼特意試圖在javascript中做到這一點 - 編輯主題以顯示該頁面上的不同圖標不是更好嗎？或者甚至更好，爲什麼不使用CSS background-image屬性來設置圖像（而不是顯式的'img'標籤），那麼您可以使用body標籤中的路徑-XX-yy類來覆蓋與我們聯繫的圖標（在你的主題CSS中）。 – davosmith

'contact_blue_icon'是一個Id。這是以完整的圖像路徑

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

來源

2014-02-25 07:33:28 Pramod

我給出了完整的圖像路徑。但它沒有奏效。 – koli

由於id是唯一嘗試的獨特元素，你需要使用類，而不是爲你的形象：

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

所以你需要class="contact_blue_icon"不id="contact_blue_icon"

來源

2014-02-25 07:39:03 Felix

菲利克斯我也試過，得到了同樣的結果。 – koli

您是否包含jQuery？你在控制檯收到任何錯誤嗎？ – Felix

是的，我包括jQuery和控制檯不給出錯誤消息。 – koli

在Moodle中更改特定頁面的圖像路徑

回答

相關問題