Стили:
Код
<style type="text/css">
#header-content{background:transparent url(/_example/bg/patterns/patt8_0.jpg) repeat left top;height:200px;width:100%;}
#switcher-content{margin:5px 0;}
#switcher-content a.active{color:#F0F;font-weight:700;}
</style>
HTML:
Код
<div id="header-content"> </div>
<div id="switcher-content">
<a rel="1" href="#">Картинка 1</a>
<a rel="2" href="#">Картинка 2</a>
<a rel="3" href="#">Картинка 3</a>
</div>
Скрипт:
Код
<script type="text/javascript">
$('#switcher-content a').click(function(){
$(this).addClass('active').siblings().removeClass('active');
$('#header-content').css({ 'background-image':'url(/_example/bg/patterns/patt8_'+this.rel+'.jpg)'});
});
</script>
☑ Пример (Скрипт смены фона по клику + смена класса элемента. JScript) ...
...