Перейти к публикации
Arteom

Javascript Универсальная переменная js

Рекомендованные сообщения

Arteom

Есть небольшой скрипт простого слайдера-карусели:

$(document).ready(function(){
	$('.slider').each(function(){
		var $container = $(this);
			$num = $container.find('ul li').length;
			$col = $num-1;
			$width = 324;
			$i = 0;
			
		$container.find('ul').css('width', $width*$num);
		$container.find('.prev').bind('click',function(){
			if($i>0){
				$container.find('ul').animate({'margin-left': '+='+$width});
				$i--;
			}else{
				$container.find('ul').animate({'margin-left': '-='+$width*$col});
				$i = $col;
			}
			return false;
		});
		$container.find('.next').bind('click',function(){
			if($i<$col){
				$container.find('ul').animate({'margin-left': '-='+$width});
				$i++;
			}else{
				$container.find('ul').animate({'margin-left': '0'});
				$i = 0;
			}
			return false;
		});
	})
})
<div class="slider">
	<ul>
		<li><a href="images/posts/1.png"><img src="images/posts/1.png" alt="" /></a></li>
		<li><a href="images/posts/2.png"><img src="images/posts/2.png" alt="" /></a><span class="ver"></span></li>
		<li><a href="images/posts/3.png"><img src="images/posts/3.png" alt="" /></a></li>
		<li><a href="images/posts/4.png"><img src="images/posts/4.png" alt="" /></a><span class="ver"></span></li>
		<li><a href="images/posts/5.png"><img src="images/posts/5.png" alt="" /></a></li>
		<li><a href="images/posts/6.png"><img src="images/posts/6.png" alt="" /></a></li>
	</ul>
	<a class="navigation prev" href="#"></a>
	<a class="navigation next" href="#"></a>
</div> 

 

Дело в том, что на странице необходимо несколько таких слайдеров, а переменная $i все портит, нужна какая-то универсальная переменная, что бы отсчет велся отдельно для каждого слайдера. Натолкните меня в нужную сторону.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
sanabek

Через ID?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Arteom

Через ID?

Что что?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
James D'Greeze

Сделай $i локальной переменной, обозначив ее var $i 

без var она глобальная, поэтому и глючит

также с $num, $col, $width и всеми остальными

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Arteom

Сделай $i локальной переменной, обозначив ее var $i 

без var она глобальная, поэтому и глючит

также с $num, $col, $width и всеми остальными

Спасибо, буду знать)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×
×
  • Создать...