Показать сообщение отдельно
  #1 (permalink)  
Старый 25.03.2014, 12:43
Новичок на форуме
Отправить личное сообщение для Trisha Посмотреть профиль Найти все сообщения от Trisha
 
Регистрация: 25.03.2014
Сообщений: 1

Как сделать слайдер с изменением контента
Нужна помощь. Есть шаблон сайта со слайдером. По нажатию на кнопки навигации слайдера происходит анимация переключения содержимого слайдов. Нужно реализовать так чтобы по нажатию на кнопки навигации слайдера происходило также и изменение контента самого сайта.
Вот скрипт слайдера:
$(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>


Сам шаблон тут
Ответить с цитированием