Простой 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="" /> 

Это изображение, которое мне нужно изменить.

Просто хочу изображение заголовка, чтобы быть «header_image1.jpg», когда пользователь с нами по www.domain1.com и «header_image2.jpg» будет отображаться, если в www.domain2.com

Он должен быть простым. Но я просто потерян, любая помощь будет очень признательна.

спасибо.

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">