改变javascript和var的背景

Question

我正在我的服务器上工作，我将为我的服务器（gmod）制作一个加载屏幕，然后特殊的是加载屏幕，它打开了一个URL，在这个URL中我通常可以获取的蒸汽ID加入我的服务器然后加载屏幕的用户使用他自己的id头像和其他...

所以你可以意识到这样一个正常的游戏，比如反击，你会加入一个服务器然后加载屏幕，它会打开一个URL和URL（ht tp：//blabla.com/index.php？ steamid =％s）你自动发送蒸汽ID和其他...

我的加载屏幕也是index.php，它看起来像是从游戏中打开 - ＆gt;加载屏幕

我的加载屏幕也是index.php可以获取map-name和server-name。所以我一直在思考，每个具有相同背景的游戏并不可怕，所以这就是我的想法：

当地图加载时，请说cs_office比其在子文件夹中的搜索  for'backgrounds / cs_office / ...'找到文件夹后 - ＆gt;设置此背景路径 - ＆gt;＆gt;否则使用默认背景 -

这是main.js（获取id的脚本）

所以，让我们说，我已经做了一个var现在我会做背景，但不能因为它是一个extern.css文件，我用它来改变它通过PHP和错误的是我不能使用PHP所以我必须使用javascript我必须首先将style.css重命名为style.php，并将其包含在<?php include 'style.php'; ?>

现在特殊的我试图成为路径中的地图名称：（style.php）

所以我的想法是，我会为每个地图制作一个包含地图的6个屏幕截图的文件夹，然后地图中不存在该文件夹 - 使用带有6个图像的默认背景文件夹

这是一个动态背景，因此在6张图片之间进行更改..

好的，最后我会在每个地图加载她自己的背景时可用。

所以我为地图de_dolls

创建了一个文件夹

(http://mdettt.bugs3.com/TTTindex/Crystal_Load/backgrounds/de_dolls/)

edit: theres my main.js part

function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode ) 
{
 document.getElementById( "s-name" ).innerHTML = servername;
 var maap = document.getElementById( "s-map" ).innerHTML = mapname;
 document.getElementById( "s-mode" ).innerHTML = gamemode;
}

css as php part：

#background-scroll { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:-10;}
#bg1 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/1.jpg;'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg2 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/2.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg3 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/3.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg4 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/4.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg5 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/5.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg6 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/6.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}

和一些参数mapname将如何收到...

  <ul id="server-list">
      <li><img src="images/server-name.png" alt="Server Name" /> <span id="s-name">Server Name</span></li><!-- Dynamically adds the server name -->
      <li><img src="images/server-mode.png" alt="Game Mode" /> <span id="">Trouble in Terrorist Town</span></li><!-- Dynamically adds game mode name -->
      <li><img src="images/server-map.png" alt="Map Name" /> <span id="s-map">Server Map</span></li><!-- Dynamically adds map name -->
  </ul>

-

<div id="background-scroll"><!-- Add Backgrounds so we can have multiple ones -->
<div id="bg1"></div><!-- BG 1 -->
<div id="bg2"></div><!-- BG 2 -->
<div id="bg3"></div><!-- BG 3 -->
<div id="bg4"></div><!-- BG 4 -->
<div id="bg5"></div><!-- BG 5 -->
<div id="bg6"></div><!-- BG 6 -->
</div>

Answer 1

文字墙。妈的。我只是阅读标题并回答它。

$("#changeBackground").click(function() {
    $("body").css({"background-color" : yourColor});
)};

使用jQuery。它比纯JS更容易。