如何根據url動態更改背景圖片

我試圖在頁面加載時動態更改，背景取決於您是哪個URL。但它不適合我。如何根據url動態更改背景圖片

var camera1 = "url1"; 
var camera2 = "url2"; 
var camera3 = "url3"; 
var currenturl = window.location; 
jQuery(function($) 
{ 
    if(camera1 == currenturl) 
    { 
    $(".breadcrumb-right").css("background", "url(url1.jpg) !important;"); 
    }  
    else if (camera2 == currenturl) 
    { 
    $(".breadcrumb-right").css("background-image", "url(url2.jpg)"); 
    }  
    else if (camera3 == currenturl) 
    { 
    $(".breadcrumb-right").css("background-image", "url(url3.jpg)"); 
    }  
});

來源

2016-09-07 Devtech

創建JS提琴如果可能的話... –

也許你可以改善你的代碼做這樣的事情：

const cameras = ['url1', 'url2', 'url3']; 
const currentUrl = window.location.href; 
const el = $(".breadcrumb-right"); 

if (cameras.includes(currentUrl)) { 
    el.css("background-image", `url(${currentUrl})`); 
}

來源

2016-09-07 12:27:22

謝謝。它爲我工作，但我不得不編輯，創建camera1相機2和cameras3。否則，它會爲每個房間放置相同的背景...... – Devtech

小心window.location不返回字符串。而是嘗試使用
window.location.href的完整URL（例如，此網頁「How to change background image dynamically depending on the url」）

或

window.location.pathname的路徑只（例如，此網頁「/問題/ 39369642 /如何對變化的背景 - 圖像 - dinamycally-依賴-ON-URL」）

來源

2016-09-07 12:20:49

如何根據url動態更改背景圖片

回答

相關問題