javascriptで画像を比較する

Question

JavaScriptで画像を比較しようとしています。画像が真であれば、それは異なる画像に変わる。私はif文を書いたが、うまくいかないようだ。誰も私がこれを達成する方法を知っていますか？

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

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

} 
} 

Answer 1

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

Answer 2

srcは、Javascriptから読むと完全なURLに変換されます。代わりにファイル名を抽出してみてください。 img.src.substr(img.src.lastIndexOf('/'))。

より良い解決策は、イメージ間の使用クラスとCSSバックグラウンドの切り替えです。