更改基於URL部分的背景圖片

-1

我想添加到我的網站的能力，其中背景將根據部分網址使用樣式表進行更改。更改基於URL部分的背景圖片

例子：

address/shop/index.php    = background image 1 
address/shop/index.php?cPath=22 = background image 2 
address/shop/index.php?cPath=23 = background image 3 
address/shop/index.php?cPath=24 = background image 4

任何想法？我看過Javascript和jQuery，但不確定要選擇哪一個或如何去做。

來源

2013-07-10 user2570459

變化之類的''（或其他元素你想改變生成的html的背景）。併爲不同的類別提供不同的背景 – zerkms

-1

body標籤類型HTML網頁上

：

<body background="your file"> 

</body>

你可以做到這一點，你需要一個不同的背景每一頁上，它會覆蓋任何CSS樣式風格身體

來源

2013-07-10 22:56:30 samrap

這是一個可怕的建議 – zerkms

@zerkms它在我設計的每個網站上爲我工作，並消除了對DOM或重要的DOM的需求...沒有看到任何可怕的事情那 – samrap

你可以用叉子和手吃你的湯 - 它會工作，但使用勺子更方便。 PS：並澄清 - 這不是我誰downvote你（即使我同意這個答案值得:-) – zerkms

它看起來像你使用PHP，所以你應該能夠做到這一點沒有JavaScript。你只需要使用PHP的服務器變量。

喜歡的東西

$cPath = $_GET['cPath']; //This allows access to the query part of the url 
if($cPath == 24){ 
    //set background url 
}

來源

2013-07-10 22:57:20 dfockler

$ cPath = $ _GET ['cPath']; //這允許訪問URL 的查詢部分如果（$ CPATH == 23）{ }設定背景：網址（WoodenPlank.jpg） } – user2570459

$ CPATH = $ _GET [ 'CPATH']; //這允許訪問url 的查詢部分if（$ cPath == 23）{0} {0} {bg ='background：＃000 url（WoodenPlank.jpg）;'; } – user2570459

你總是可以讓URL的一個標籤包圍的部分之外例如<font> 因此，代碼會是這樣：

<a>your url link 
    <font class='background1'>part with background1</font> 
    <font class='background2'>part with background2</font> 
</a>

然後在CSS，你可以有

.background1{background: url('...')} 
.background2{background: url('...')}

這可能是一個hackish的方式，但這種方式至少可以分類你的「鏈接零件」。

來源

2013-07-10 23:03:26 riceTale

如果你真的想這樣做的客戶端，我建議：

var pageBackground = { 
    'default' : 'classOne', 
    '22' : 'classTwo', 
    '23' : 'classThree' 
}; 

document.body.className = pageBackground[window.location.split('cPath=')[1] || 'default'];

加上樣式：

body.classOne { 
    background-image: url(path/to/defaultImage.png); 
} 
body.classTwo { 
    background-image: url(path/to/imageTwo.png); 
} 
body.classThree { 
    background-image: url(path/to/imageThree.png); 
}

來源

2013-07-10 23:04:05

這將工作在一個PHP文件？第一部分.. – user2570459

只要JavaScript完整地傳遞給客戶端的瀏覽器，那麼它應該可以工作，是的。 –

更改基於URL部分的背景圖片

回答

相關問題