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

Автоматизация слайдера
Друзья, есть скрипт слайдера, прошу помогите его активировать, что бы каждые 5 секунд слайд менялся, а после того как слайды кончились вернулся к 1 и пустился заново.

$(document).ready(function() { // Ждём загрузки страницы
						   
	var clites = $(".cliter .clites").children(".clite"); // Получаем массив всех слайдов
	var width = $(".cliter .clites").width(); // Получаем ширину видимой области
	var i = clites.length; // Получаем количество слайдов
	var offset = i * width; // Задаем начальное смещение и ширину всех слайдов
	i--; // уменьшаем кол-во слайдов на один ( для проверки в будущем )
	$(".cliter .clites").css('width',offset); // Задаем блоку со слайдами ширину всех слайдов
	
	offset = 0; // Обнуляем смещение, так как показывается начала 1 слайд
	$("body .cliter .next").click(function(){	// Событие клика на кнопку "следующий слайд"
		if (offset < width * i) {	// Проверяем, дошли ли мы до конца
			offset += width; // Увеличиваем смещение до следующего слайда
			$(".cliter .clites").css("transform","translate3d(-"+offset+"px, 0px, 0px)"); // Смещаем блок со слайдами к следующему
		}
	});


	$("body .cliter .prev").click(function(){	// Событие клика на кнопку "предыдущий слайд"
		if (offset > 0) { // Проверяем, дошли ли мы до конца
			offset -= width; // Уменьшаем смещение до предыдущегоо слайда
			$(".cliter .clites").css("transform","translate3d(-"+offset+"px, 0px, 0px)"); // Смещаем блок со слайдами к предыдущему
		}
	});

});
Ответить с цитированием