Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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 ();
	});	
});
Ответить с цитированием
  #2 (permalink)  
Старый 30.09.2015, 14:17
Новичок на форуме
Отправить личное сообщение для Андрей Розумович Посмотреть профиль Найти все сообщения от Андрей Розумович
 
Регистрация: 30.09.2015
Сообщений: 7

Сам додумался. Теперь только незнаю как классы подвязать( типа .active)
$('li.first_slide,.dot_first').click(function() {
		if(indexImg = indexMax) {
			indexImg = 1;
		}
		change ();
	});
	$('li.second_slide,.dot_second').click(function() {
		if(indexImg = indexMax) {
			indexImg = 2;
		}
		change ();
	});
    $('li.third_slide,.dot_third').click(function() {
		if(indexImg = indexMax) {
			indexImg = 3;
		}
		change ();
	});
Ответить с цитированием
  #3 (permalink)  
Старый 30.09.2015, 18:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,190

Андрей Розумович,
Навигация для слайдера
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить кнопки + и - калькулятору dproshin Элементы интерфейса 3 03.04.2015 01:43
Как добавить элемент по нажатию кнопки ArsenInvoker Элементы интерфейса 5 14.03.2015 16:32
Как в диалоговом окне изменить цвет кнопки, добавить фото и строку текста!!! Dmitriy78781 jQuery 1 25.06.2013 21:53
Как добавить кнопки к каждому полю формы SaltoMortale ExtJS 2 07.08.2012 11:22
Добавление кнопки через расширение Diablos Общие вопросы Javascript 7 16.12.2011 16:54