Показать сообщение отдельно
  #1 (permalink)  
Старый 17.08.2013, 11:57
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

slider jquery своими руками
С помощью форумчан я сделал вот такой простенький слайдер, но как добавить здесь автоматическую смену картинок через некоторое время через тот же fadeIn()?
<div id="slider_area">
<div id="circle_left" onclick="slider(false)" class="circle"><span><</span></div>
<div id="circle_right" onclick="slider(true)" class="circle"><span>></span></div>
<div id="wight_area"></div>
<div class="slider_img">
<img  src="/uploads/usertemplates/S_Oliver_Fall_Winter_2012_2.png" height="590" width="947">
</div>
<div class="slider_img">
<img  src="/uploads/usertemplates/slider1.png" height="590" width="947">
</div>
</div><!--slider_area-->

var sliderIndex = -1, imgs = $('.slider_img img');
	 
	function slider(a) {
	   sliderIndex += a ? 1 : -1;
	   if(!imgs[sliderIndex]) sliderIndex = a ? 0 : imgs.length -1;
	   imgs.css('display', 'none');
	   imgs.eq(sliderIndex).fadeIn("slow");
}
Ответить с цитированием