如何在javascript中獲取圖像源？

我想比較，如果所選擇的圖像等於所需的圖像.. 這裏的初始代碼，但沒有在IMG工作如何在javascript中獲取圖像源？

function mouseOut(txt){ 
var imgClick, imgOrig; imgClick = 'images/'+txt+'_onclick.png'; imgOrig ='images/'+txt+'.png'; 
if(document.getElementById(txt).src == imgClick){return false;} 
else {document.getElementById(txt).src = imgOrig}; 
}

然後

<a href = "#"><img src="images/leistungen.png" alt="leistungen" name="leistungen" width="162" height="38" id="leistungen" 
onclick="MM_swapImage('home','','images/home_orig.png','philosophie','','images/philosophie.png','kontakt','','images/kontakt.png','body_layout','','images/body_leistungen.png',0)" 
onmouseover="MM_swapImage('leistungen','','images/leistungen_onclick.png',1)" 
onmouseout="mouseOut('leistungen')" /></a>

我的問題再次

if(document.getElementById(txt).src == imgClick)

這是錯誤的，但我想比較，如果當前圖像（鼠標懸停，onclick，onmouseout）等於圖像的文件名

讓說，我有這些圖片... home.png和home_onclick.png 默認圖像home.png，如果的onmouseover圖像將變爲home_onclick，如果鼠標移開時則變爲home.png 當且僅當 onclick事件沒有被觸發。

在此先感謝

來源

2010-06-23 jrvp

SRC將返回圖像的完整路徑。因此，如果您需要比較，會將您的imgClick值視爲完整網址，而不是相對值。即imgClick = "http://www.mysite.com/images" +txt+'_onclick.png';

（你也可以使用window.location.protocol + "//" + window.location.host，而不是你的網站名稱）

來源

2011-02-07 17:55:01 DhruvPathak

另一種方法是檢查src包含imgClick

if(document.getElementById(txt).src.indexOf(imgClick) > 0){ 
    return false; 
} 
else { 
    document.getElementById(txt).src = imgOrig; 
}

來源

2012-06-01 17:46:29 mprabhat

如何在javascript中獲取圖像源？

回答

相關問題