Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.12.2014, 17:42
Аватар для qwe88
Кандидат Javascript-наук
Отправить личное сообщение для qwe88 Посмотреть профиль Найти все сообщения от qwe88
 
Регистрация: 14.06.2014
Сообщений: 137

Слайдер начинает прокрутку заново
Добрый день!
Есть скрипт одного слайдера.
Когда доходим до последнего слайда, то при клике на "следующи" на первый не переходит.
Подскажите, пожалуйста, как сделать переход на первый, после последнего слайда
Вот сам скрипт:
Код:
$(document).ready(function() {
	
	//Initialize
	onMoving			= false;
	item				= $('.list li');
	itemReverse		= item.get().reverse();
	itemSize			= item.size();
	itemDisplayed	= 6;
	itemToSlide		= itemDisplayed * 9;
	currentSlide	= 1;
	page				= Math.round(itemSize/itemDisplayed);

	//Next button clicked
	$('.next').click(function() {

		if(onMoving || currentSlide >= 3) return ;
		onMoving = true, currentSlide++;		
		
		$.each(item, function() {
			
			var i 	 = $(this).index();
			var delay = i * 100;

			window.setTimeout(function (index) {
				return function () {
					item.eq(index).stop().animate({ 'right' : '+='+itemToSlide+'em' }, function() {
               	if(index >= itemSize-1) onMoving = false;
					});
				};
			} (i), delay);
		});
	});
	
	//Previous button clicked
	$('.prev').click(function() {

		if(onMoving || currentSlide == 1) return false;
		onMoving = true, currentSlide--;
		
		$.each(itemReverse, function() {
			
			var i 	 = $(this).index();
			var delay = i * 100;
			
			window.setTimeout(function (index) {
				return function () {
					$(itemReverse).eq(index).stop().animate({ 'right' : '-='+itemToSlide+'em' }, function() {
						if(index >= 0) onMoving = false;
					});
				};
			} (i), delay);      
		});
	});
});
Ответить с цитированием
  #2 (permalink)  
Старый 29.12.2014, 17:52
Кандидат Javascript-наук
Отправить личное сообщение для vuler Посмотреть профиль Найти все сообщения от vuler
 
Регистрация: 16.02.2012
Сообщений: 109

измени тут для next - if(onMoving || currentSlide >= 3) return ;

на if (onMoving) return;
if (currentSlide >= 3) currentSlide=1;
Ответить с цитированием
  #3 (permalink)  
Старый 29.12.2014, 18:57
Аватар для qwe88
Кандидат Javascript-наук
Отправить личное сообщение для qwe88 Посмотреть профиль Найти все сообщения от qwe88
 
Регистрация: 14.06.2014
Сообщений: 137

Но мы не знаем, сколько будет слайдов/фоток
Ответить с цитированием
  #4 (permalink)  
Старый 29.12.2014, 19:46
Кандидат Javascript-наук
Отправить личное сообщение для vuler Посмотреть профиль Найти все сообщения от vuler
 
Регистрация: 16.02.2012
Сообщений: 109

ну посчитай их тогда $('body').find('Класс элементов картинок').length
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно сделать слайдер контента OgecuT Элементы интерфейса 2 23.07.2014 14:31
Слайдер с помощью CSS и jQuery - 1000 р. stixia007 jQuery 21 27.03.2013 22:44
Слайдер с перемоткой в двух разных блоках Джэй jQuery 0 15.10.2012 23:08
jquery слайдер, анимация при переключении вкладки KiTaeZa Events/DOM/Window 1 05.09.2011 20:52
Нужно отредактировать слайдер glavkot Работа 0 22.08.2011 14:14