Показать сообщение отдельно
  #2 (permalink)  
Старый 24.11.2012, 08:27
Аспирант
Отправить личное сообщение для Heidel Посмотреть профиль Найти все сообщения от Heidel
 
Регистрация: 11.06.2012
Сообщений: 71

В общем, пока сделано так
в списке ссылок к каждой ссылке добавлен свой id
<div id="selectBackground">
			<p>Select bg</p>
			<ul>
				<li><a href="javascript:void(0)" class="active" id="bg1"></a></li>
				<li><a href="javascript:void(0)" id="bg2"></a></li>
				<li><a href="javascript:void(0)" id="bg3"></a></li>
			</ul>
		</div>

а к диву, у которого нужно изменить бэкграунд, добавлен класс
<div id="wrapper" class="background1"></div>

для каждого класса прописано стилевое свойство
#wrapper {
	margin: 0 auto;
	width: 1024px;
	height: 1552px;
}

.background1 {
	background: url('../images/main1_background.png') no-repeat;
}

.background2 {
	/*background: red;*/
	background: url('../images/main2_background.png') no-repeat;
}

.background3 {
	/*background: yellow;*/
	background: url('../images/main3_background.png') no-repeat;
}


скрипт
<script type="text/javascript" src="script/jquery-1.8.2.min.js"></script>
	
	<script type="text/javascript">
		$(function() {
		
		<!-- Select background -->
        $("#selectBackground ul li a").click(function(e) {
			e.preventDefault();
			$("#selectBackground ul li a").removeClass('active');
			$(this).addClass('active');
			var clickId = this.id;
			var i = clickId.charAt(2)
			var str = "background" + i;
			$("#wrapper").attr("class", str);
			
		});
         
     });
 	</script>


замечания всячески приветствуются
Ответить с цитированием