ドメイン名に基づいてヘッダ画像を変更するシンプルなJavaScript

Question

私はここで苦労しています。

ユーザーが入力したドメイン名に基づいてヘッダーの画像を変更する必要があります。

同じ場所を指す2つのドメインがあります。私たちは呼び出されるヘッダーイメージマップを持っています。

<img src="header_image.png" border="0" width="1113" height="200" orgWidth="1113" orgHeight="200" usemap="#image-maps-2014-08-15-144022" alt="" /> 

これは私が変更する必要がある画像です。

ちょうどwww.domain2.com

でそれは簡単であるべきときwww.domain1.comと「header_image2.jpg」のユーザーたちが表示されるとき、ヘッダー画像が「header_image1.jpg」になりたいです。しかし、私はちょうど失われている、どんな助けも大いに感謝されるだろう。

ありがとうございます。

Answer 1

これは、問題を修正する必要があります

var url = window.location.host; 
 
if (url == "stackoverflow.com"){ 
 
    // Make this visible 
 
    document.getElementById("one").style.display = "block"; 
 
    // Make this invisible 
 
    document.getElementById("two").style.display = "none"; 
 
} else { 
 
    // Make this invisible 
 
    document.getElementById("one").style.display = "none"; 
 
    // Make this visible 
 
    document.getElementById("two").style.display = "block"; 
 
}

<img id="one" src="https://s-media-cache-ak0.pinimg.com/736x/92/9d/3d/929d3d9f76f406b5ac6020323d2d32dc.jpg"> 
 
<img id="two" src="http://renegadehealth.com/blog/wp-content/uploads/2013/01/Cats-Coat.jpg">