背景切換JavaScript和VAR

Question

我的工作我的服務器上的，我會做一個加載屏幕爲我的服務器（GMOD）和特殊然後加載屏幕來它打開了一個網址，並在這個URL，通常可以抓住加入我的服務器的用戶的蒸汽ID，然後加載屏幕使用他自己的ID頭像和其他人...

所以你可以意識到，所以像反恐精英這樣的正常遊戲，你會加入服務器和然後加載屏幕上它打開一個URL並通過URL（ht tp：//blabla.com/index.php？steamid =％s）您發送自動蒸汽id和其他...

我的loading屏幕也index.php它看起來像這樣然後它從遊戲打開 - > loa鼎屏

我的加載屏幕還可以的index.php搶地圖名和服務器名。所以我一直在想，而且每個具有相同背景的遊戲都不是很糟糕，所以這裏是我的想法：

當一個地圖加載讓我們說cs_office比它在子文件夾 中搜索'backgrounds/cs_office/.. 」當它發現的文件夾 - >設置背景路徑這一點 - >>其他使用默認的背景 -

那是main.js（誰搶ID腳本）

因此，可以說，我有做一個變種，現在我會做背景，但不能因爲它的一個extern.css文件我用它來改變它通過PHP和錯誤的是，我不能使用PHP，所以我必須使用javascript我必須首先將style.css重命名爲style.php幷包含它<?php include 'style.php'; ?>

現在特別我嘗試成爲地圖名稱到路徑：（style.php）

，所以我的想法是，我會爲每一個文件夾映射與地圖的截圖6，然後文件夾不從地圖存在 - 使用默認的背景文件夾6個圖像

它是一個動態的背景6個圖像之間如此改變..

ok了最後一個可用的時候，每一個地圖加載自己的背景，我必使..

所以我創建了一個文件夾的地圖de_dolls

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

edit:那裏有我的main.js部分

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爲PHP的一部分：

#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%;} 

和一些參數映射名如何收到...

<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更容易。