Показать сообщение отдельно
  #3 (permalink)  
Старый 27.11.2010, 12:21
Профессор
Отправить личное сообщение для exec Посмотреть профиль Найти все сообщения от exec
 
Регистрация: 21.01.2010
Сообщений: 1,022

Можете попробовать мой код:

(function () {
	var switchers = document.getElementById("switcher").getElementsByTagName("A"),
	contents = document.getElementById("content").getElementsByTagName("DIV"),
	current = 0;
	for (var i = 0; i < switchers.length; i++) {
		switchers[i].eq = i;
		switchers[i].onclick = function () {
			contents[current].style.display = "none";
			contents[current = this.eq].style.display = "block";
		};
	}
	function swch(a) {
		contents[current].style.display = "none";
		contents[current = a === -1 && current === 0 ? contents.length - 1 : a === 1 && current === contents.length - 1 ? 0 : current + a].style.display = "block";
	}
	document.getElementById("next").onclick = function () {
		swch(1);
	};
	document.getElementById("previous").onclick = function () {
		swch( - 1);
	};
})();


Ссылки с переключателями слайдов помещаются в DIV с id='switcher', а DIV'-ы с содержимым слайдов — в DIV с id='content'. Кнопки для следующего/предыдущего слайда имеют id next и previous соотв.
Ответить с цитированием