Нужна помощь. Есть шаблон сайта со слайдером. По нажатию на кнопки навигации слайдера происходит анимация переключения содержимого слайдов. Нужно реализовать так чтобы по нажатию на кнопки навигации слайдера происходило также и изменение контента самого сайта.
Вот скрипт слайдера:
$(window).load(function(){
//slider thumb
$('.slider ul').carouFredSel({
align: 'center',
circular: true,
auto: false,
items: {
visible: 1,
},
prev: '.prev-arr',
next: '.next-arr'
});
$('#thumbs').carouFredSel({
align: false,
scroll: {
items: 1,
},
items: {
visible: 4,
},
auto: false,
infinite: true,
prev: '#prev',
next: '#next'
});
$('#thumbs a').click(function() {
$('.slider ul').trigger('slideTo', '#' +this.href.split('#').pop());
$('#thumbs a.selected').removeClass('selected');
$(this).addClass('selected');
return false;
});
});
и код:
<div id="thumbs" >
<a href="#img1" class="selected"><img src="css/images/thumb.png"></a>
<a href="#img2"><img src="css/images/thumb2.png"></a>
<a href="#img3"><img src="css/images/thumb3.png"></a>
<a href="#img4"><img src="css/images/thumb4.png"></a>
</div>
Сам шаблон
тут
