Проблема со счётчиком в слайдере

0nline · April 1, 2015

Такой скрипт. Идея заключалась в том, чтобы при нажатии на ссылку уменьшался счётчик i, который вроде как глобальный и нигде кроме функции не изменяется, я попытался склеить id из d и счётчика, чтобы каждый раз при нажатии на ссылку скрывался новый блок, не могу понять в чём проблема.

		<script type="text/javascript">			<!--			var i=0;			var id='d'+i.toString();			function viewdiv()			{				var el=document.getElementById(id);				if(el.style.display=="block")				{					el.style.display="none";					i-=1;					if(i==-1)					{						i=11;					}				} 			}			//-->		</script>

<body>        <a href="#" onclick="viewdiv();">Back</a>		<div>			<div class="i" id="d0"><img src="1.jpg"></div>			<div class="i" id="d1"><img src="2.jpg"></div>			<div class="i" id="d2"><img src="3.jpg"></div>			<div class="i" id="d3"><img src="4.jpg"></div>			<div class="i" id="d4"><img src="5.jpg"></div>			<div class="i" id="d5"><img src="6.jpg"></div>			<div class="i" id="d6"><img src="7.jpg"></div>			<div class="i" id="d7"><img src="8.jpg"></div>			<div class="i" id="d8"><img src="9.jpg"></div>			<div class="i" id="d9"><img src="10.jpg"></div>			<div class="i" id="d10"><img src="11.jpg"></div>			<div class="i" id="d11"><img src="12.jpg"></div>		</div>		<a href="#">Next</a>	</body>

Edited April 1, 2015 by 0nline

Aleksandr.L · April 1, 2015

http://jsbin.com/qojanopoho/1/edit?html,js,output

0nline · April 1, 2015

Большое спасибо, вроде разобрался. Написал код для кнопки next:

			var i = 11;			var id;			function prev() 			{				if(i==12) i=11;				id = 'd'+i;				var el = document.getElementById(id);  				if(el.offsetHeight) 				{					if(i <0) return;					el.style.display = "none";					i--;				} 			}						function next() 			{				if(i==-1) i=0;				id = 'd'+i;				var el = document.getElementById(id);  				if(el.offsetHeight) 				{					if(i >11) return;					el.style.display = "block";					i++;				} 			}

В начале каждой функции проверяю, если i превышает значение границы - то я присваиваю счётчику значение пограничного элемента. Вторая функция по непонятной мне причине не работает.

Разобрался, просто забыл отрицание при проверке условия.

Теперь встала задача "закольцевать" эти блоки. Нужно чтобы при нажатии на Back на первом элементе (<div id="d0">) он скрывал его и показывал <div id="d11">.

Вот моя попытка это сделать, кучу раз уже прогнал этот алгоритм, не могу понять, в чём дело.

http://jsbin.com/giquxuvimo/3/

Edited April 1, 2015 by 0nline

0nline · April 1, 2015

Не могу понять, почему обходится стороной <div id="d1">

Sign In

Проблема со счётчиком в слайдере

Question

0nline

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Aleksandr.L

Link to comment

Share on other sites

0nline

Link to comment

Share on other sites

0nline

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information