Показать сообщение отдельно
  #6 (permalink)  
Старый 20.01.2015, 09:04
Новичок на форуме
Отправить личное сообщение для krisdh Посмотреть профиль Найти все сообщения от krisdh
 
Регистрация: 14.01.2015
Сообщений: 4

Всё просто.

Вот твой код:
$(document).ready(function(){

	$("#big-strela2").click(function(){
		$("#slider-uvel").animate({right: "-973px"}, 200);
		setTimeout(function () {
			$("#slider-uvel .show-slaider").eq(0).clone().appendTo("#slider-uvel");
			$("#slider-uvel .show-slaider").eq(0).remove();
			$("#slider-uvel").css({"left":"0px"});
		}, 10);
	});
	
	$("#big-strela1").click(function(){ 
		$("#slider-uvel .show-slaider").eq(-1).clone().prependTo("#slider-uvel");
		$("#slider-uvel").css({"right":"-973px"});
		$("#slider-uvel").animate({left: "0px"}, 200);
		$("#slider-uvel .show-slaider").eq(-1).remove();
	});
	
});


Замени его на:
$(document).ready(function(){	
	$("#big-strela1").click(function(){ 
		$("#slider-uvel .show-slaider").eq(-1).clone().prependTo("#slider-uvel");
		$("#slider-uvel").css({"right":"-973px"});
		$("#slider-uvel").animate({left: "0px"}, 200);
		$("#slider-uvel .show-slaider").eq(-1).remove();
	});

	$("#big-strela2").click(myFunct());
	setInterval(myFunct(), 5000);

	function myFunct(){
	   $("#slider-uvel").animate({right: "-973px"}, 200);
	   setTimeout(function () {
	      $("#slider-uvel .show-slaider").eq(0).clone().appendTo("#slider-uvel");
	      $("#slider-uvel .show-slaider").eq(0).remove();
	      $("#slider-uvel").css({"left":"0px"});
	 }, 10);
    }
});

У тебя слайдер запускался только после нажатия на #big-strela2, а в коде приведенном Noobloid`ом нажатие на #big-strela2 запускает функцию, которая параллельно запускается и через setInterval с тайм-аутом 5 секунд.

Так же я обычно вставляю в слайдеры такую функцию, что бы при наведении останавливалась прокрутка, но это уже баловства. Попробуй, для начала, разобраться с этим кодом.

Последний раз редактировалось krisdh, 20.01.2015 в 09:07.
Ответить с цитированием