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

Добавить кнопки навигации к слайдеру.
Здравствуйте! Как добавить кнопки, для перехода на определенный слайд. Допустим, для каждого слайда, под самим слайдером, свой кружочек. При нажатии на кружочек совершается переход на определенный слайд. А дальше по порядку.
$(function () {
	var el =  $('#slider img'),
		indexImg = 1,
		indexMax = el.length;
	function change () {
		el.fadeOut(500);
		el.filter(':nth-child('+indexImg+')').fadeIn(500);
	}	
	function autoCange () {	
		indexImg++;
		if(indexImg > indexMax) {
			indexImg = 1;
		}			
		change ();
	}	
	var interval = setInterval(autoCange, 2000);
	$('#slider').mouseover(function() {
		clearInterval(interval);
	});
	$('#slider').mouseout(function() {
		interval = setInterval(autoCange, 2000);
	});
	$('#slider').append('<span class="next"></span><span class="prev"></span>');
	$('span.next').click(function() {
		indexImg++;
		if(indexImg > indexMax) {
			indexImg = 1;
		}
		change ();
	});
	$('span.prev').click(function() {
		indexImg--;
		if(indexImg < 1) {
			indexImg = indexMax;
		}
		change ();
	});	
});
Ответить с цитированием