Очередность действий
Здравствуйте, есть функция 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 |
честно говоря я слабо понял что вам надо, но что то накидал:)
<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>
|
вот собственно пример, который рассматриваю, хочу сделать, чтобы листались автоматически http://learn.javascript.ru/play/tuto...sel/index.html
|
Полный отстой, найдите современнее, зачем старье чинить.
|
Сообразил что в примере русские комментарии. Ищите по-английски, ключевые слова js css carousel
Например http://kenwheeler.github.io/slick/ |
| Часовой пояс GMT +3, время: 03:09. |