Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.06.2010, 14:47
Интересующийся
Отправить личное сообщение для vitja Посмотреть профиль Найти все сообщения от vitja
 
Регистрация: 27.03.2010
Сообщений: 17

Как закольцевать слайдер?
Здравствуйте, упёрся в проблемку, придумал слайдер такого вида. Сейчас он работает нормально и слайдится также автоматически с лева, направо, хочу прикрутить к нему авто слайдинг чтоб был по кругу, сейчас на последней точке авто слайдинг останавливается и переходит управление на кнопки. Знаю что обратно на 0 нужно вернуть, но ничего умного не придумывается..
function initHorizontalSlider () {
autoSlide(true);
pos = false;
sllen = 3;	
count_el = $("ol#slides li").size();
width_el = "80";
border_el = "2";
margin_el = "10";
liwidth = parseFloat(width_el) + parseFloat(border_el) + parseFloat(margin_el);

$("#slide-left").click(function() {
Move('left');
return false;
});

$("#slide-right").click(function() {
Move('right');
return false;
});

autoSlide();


}

function autoSlide(act) {
if (act == true) {
   $("#slides").everyTime(2000, 'timer1', function(i) {
    Move('right');
   } );

   
   $("ol#slides li.slide,#slide-left,#slide-right").click(function() {
	  $("#example_1").stopTime('timer1') ;
	 
	});

		}
	
		
		
}


function Move(direction) {

currentSize=parseFloat($("#slides").css('left'));
$("#slide-left,#slide-right").css("display","block");
if (count_el == sllen) {$("#slide-right").hide();}
if ($("#slides").queue().length == 0)  {
		
if (direction == "left") {
var newsize=currentSize + liwidth;
pos=pos-1;
Animate(newsize,2000);
if (pos == 0) {$("#slide-left").hide(); } else {$("#slide-left").show();}
}

if (direction == "right") {
var newsize=currentSize - liwidth;
pos=pos+1;
Animate(newsize,2000);
			
if (pos == (count_el - sllen) ) {$("#slide-right").hide();  $("#slides").stopTime('timer1');   } else {$("#slide-right").show();}
 }
 
} // end if
} //move end

function Animate(newsize,dur) {
$("#slides").animate({
left: newsize + "px"
},dur,function() {   
});

 }

Последний раз редактировалось vitja, 07.06.2010 в 10:16.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Как организовать RichEdit arma Элементы интерфейса 2 18.02.2010 14:57
О наследовании событий, или как корректно его отменить. JCShen Events/DOM/Window 8 09.02.2010 00:00
Как правильно послать XML в POST запросе LowCoder AJAX и COMET 10 15.07.2009 23:20