karakym,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
var typeLink = "http://render911.ru/textures/floor/floor",
bgNumber = 1;
$(".type-switcher").change(function() {
typeLink = {
1: "http://render911.ru/textures/floor/floor",
2: "http://render911.ru/textures/stone/stone",
3: "http://render911.ru/textures/wood/wood"
}[this.value];
fn()
});
$(".bg-switcher").click(function() {
bgNumber = $(this).attr("value");
fn()
});
function fn() {
$("body").css("background-image", "url(" + typeLink + "_" + bgNumber + ".jpg)")
}
fn()
});
</script>
</head>
<body>
<div id="style-switcher">
<span class="title">Фон сайта</span>
<ul>
<li><a class="bg-switcher" value="1" href="#">1</a></li>
<li><a class="bg-switcher" value="2" href="#">2</a></li>
<li><a class="bg-switcher" value="3" href="#">3</a></li>
<li><a class="bg-switcher" value="4" href="#">4</a></li>
</ul>
</div>
<select class="type-switcher">
<option value="1">Ламинат</option>
<option value="2">Камень</option>
<option value="3">Дерево</option>
</select>
</body>
</html>