Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Автоматизация слайдера (https://javascript.ru/forum/jquery/42372-avtomatizaciya-slajjdera.html)

IVAAAAN 23.10.2013 20:36

Автоматизация слайдера
 
$(document).ready(function(){
	var opened=0;
$(".slide").click(function(){
	 opened++;
	if(opened>1){
		$('.slide').animate({'width':'82px'}, 500);
		$('.slide').children().hide();		
		
	}
	if($(this).width()>82){
		$(this).animate({'width':'82px'}, 500);
		$(this).children().hide();	
	}
	else{
		$(this).animate({'width':'419px'}, 400);
		$(this).children().toggle('slow');
	
	}

	});

setTimeout(function(){
	

}, 2000);
});


Как можно автоматизировать этот слайдер? Чтобы каждые 2 секунды к следующему слайду переходило, никак не приложу ума.

Алек 25.10.2013 17:37

Нужен метод setInterval.
Например так:
setInterval(nova1, 2000);

	function nova1(){
		var foo = $('#preds ul').css("left");
			if(foo == "0px"){
				$('#preds ul').animate({"left":"-780px"}, 300);
			}else if(foo == "-780px"){
				$('#preds ul').animate({"left":"-1560px"}, 300);			
			}else if(foo == "-1560px"){
				$('#preds ul').animate({"left":"-2340px"}, 300);				
			}else if(foo == "-2340px"){
				$('#preds ul').animate({"left":"0px"}, 300);			
			}
	};
Будет перелистываться каждые 2 секунды.


Часовой пояс GMT +3, время: 05:45.