Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.09.2014, 11:56
Новичок на форуме
Отправить личное сообщение для shmelfrol Посмотреть профиль Найти все сообщения от shmelfrol
 
Регистрация: 26.09.2014
Сообщений: 2

Очередность действий
Здравствуйте, есть функция animatepro, которая сдигает влево или вправо тег ul, вообщем, что-то типа слайдера, но не могу разобраться как сделать цикл - чтобы сначала влево передвигал, потом вправо, потом опять по кругу. вот написал для передвижения влево
while (position > -width*(imgs.length-count)) {
var newPosition = position-width*count;

animateProp({
elem: ul,
prop: "marginLeft",
start: position,
end: newPosition,
duration: 1000,
delay: 10
});

position = newPosition;

}

функция не успевает отработать - видно сразу только последнее передвижение, а надо чтобы была задержка в цикле между отрабатыванием функции animatepro и присвоение position = newPosition
Ответить с цитированием
  #2 (permalink)  
Старый 26.09.2014, 13:11
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

честно говоря я слабо понял что вам надо, но что то накидал
<html>
<head>
<title>Animals</title>

</head>

<body>
<div style="width: 40px; height: 30px; background-color: red; position: absolute; top: 40px; left: 200px;"></div>
<script type="text/javascript">
var div = document.querySelector('div'),
	position = 200, direction = -1;

setInterval(function (){
	position +=10 * direction;
	
	if (position < 30)
		direction = 1;
	else if (position > 300)
		direction = -1;
		
	div.style.left = position + 'px';
}, 200);
</script>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 26.09.2014, 13:22
Новичок на форуме
Отправить личное сообщение для shmelfrol Посмотреть профиль Найти все сообщения от shmelfrol
 
Регистрация: 26.09.2014
Сообщений: 2

вот собственно пример, который рассматриваю, хочу сделать, чтобы листались автоматически http://learn.javascript.ru/play/tuto...sel/index.html
Ответить с цитированием
  #4 (permalink)  
Старый 26.09.2014, 20:53
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Полный отстой, найдите современнее, зачем старье чинить.
Ответить с цитированием
  #5 (permalink)  
Старый 26.09.2014, 21:11
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообразил что в примере русские комментарии. Ищите по-английски, ключевые слова js css carousel

Например http://kenwheeler.github.io/slick/
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Последовательное выполнение действий. niksan jQuery 9 10.11.2012 23:19
try/catch асинхронных действий Родзевич Олег AJAX и COMET 10 27.01.2012 13:52
Обработать несоклько действий DorianLeroy jQuery 2 31.08.2011 17:17
Объясните пожалуйста порядок действий lukingnu AJAX и COMET 9 26.03.2011 10:35
Скрипт - автоматизация повторяющихся действий rom4ik Работа 10 21.07.2010 14:01