更改基于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部分的背景图片

回答

相关问题