比較javascript中的圖像

我想比較javascript中的圖像。如果圖像是真的，它會變成不同的圖像。我寫了一條if語句，但似乎並不奏效。有誰知道我能做到這一點？比較javascript中的圖像

function test() 
{ 
imageElement = document.getElementById('pic'); 
if(imageElement.src == "images/cat_12.gif"){ 

imageElement.src = "images/press2_12.gif"; 
}else{ 

} 
}

來源

2011-05-07 BDGapps

那麼，'imageElement.src'包含什麼？ – 2011-05-07 16:31:34

@Pekka我認爲完全合格的URL ......'.getAttribute（'src'）'會使它工作，我想。 – 2011-05-07 16:32:35

– BDGapps 2011-05-07 16:33:47

function test(){ 
    if(imageElement.src.indexOf("images/cat_12.gif") != -1){ 
     // 
    } 
}

來源

2011-05-07 17:41:28 kennebec

非常感謝它的工作 – BDGapps 2011-05-07 17:45:09

src當您從Javascript中讀取它時，它將被轉換爲完整的URL。您可以嘗試提取文件名，例如img.src.substr(img.src.lastIndexOf('/'))。

更好的解決方案是使用圖像之間的類和CSS後臺切換。

來源

2011-05-07 16:34:45 timdream

或者只是'img.src.indexOf（ '圖像/ cat_12.gif'）> -1' ... – 2011-05-07 16:37:41

它似乎不工作功能測試（）{ IMG =的document.getElementById（ 'PIC'）; if（img.src.indexOf（'images/cat_12.gif'））{ imageElement.src =「images/press2_12.gif」; }其他{ }} 和 – BDGapps 2011-05-07 16:41:48

img.src.substr（img.src.lastIndexOf（「/」））不工作要麼通過讓所有的圖像，就好像如果不適用。 – BDGapps 2011-05-07 16:50:25

比較javascript中的圖像

回答

相關問題