簡單的Javascript更改標題圖像基於域名

我需要根據用戶輸入的域名更改標題中的圖像。

我們有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

它應該是簡單。但我只是失去了，任何幫助將不勝感激。

謝謝。

來源

2017-02-15 Joel Parrish

你嘗試過做基礎上，'window.location.hostname'任何邏輯是什麼？ – xkcd149

這應該可以解決這個問題

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

來源

2017-02-15 23:55:41 user2777173

謝謝你的回覆。我們只是想爲每個域有不同的標題。但所有其他內容都是一樣的。因此，如果有人輸入www.domain1.com，則會顯示header_image1.png，或者如果他們輸入www.domain2.com，則會顯示header_image2.png。 –

在相同的html代碼中有兩個頭，在CSS中創建一個「display：none」，並使用「window.location.hostname」檢查基礎URL，並使用javascript中的條件通過設置更改兩個頭之間的切換另一個「顯示：塊」 – user2777173

我已更改答案，您可以使用該代碼...一個是第一個標題，第二個是第二個，如果url不是提到的那麼那麼第二個標題將顯示第一個將被隱藏起來 – user2777173

簡單的Javascript更改標題圖像基於域名

回答

相關問題