На странице присутствует элемент для переключения бэкграунда страницы
html-код
<div id="selectBackground">
<p>Select bg</p>
<ul>
<li><a href="javascript:void(0)" class="active"></a></li>
<li><a href="javascript:void(0)"></a></li>
<li><a href="javascript:void(0)"></a></li>
</ul>
</div> <!-- /selectBackground-->
css
#selectBackground ul li a{
background: url('../images/select_bg_unactive.png') no-repeat;
display: block;
width: 16px;
height: 16px;
}
#selectBackground ul li a.active{
background: url('../images/select_bg_active.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');
});
});
</script>
подскажите, как еще добавить к переключению изменение бэкграунда сайта в зависимости от выбранного пункта?