Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Карусель, плавная прокрутка. (https://javascript.ru/forum/dom-window/40256-karusel-plavnaya-prokrutka.html)

clampson 29.07.2013 20:19

Карусель, плавная прокрутка.
 
Привет форум, делаю карусель изображений для сайта. Знаю что есть миллион скриптов, они конечно все крутые со своим блекджеком и барышнями, но по совместительству очень уж кучерявы для такого дилетанта в JS как я. Как то не хочется тащить на сайт код в котором мало чего понимаешь, по этому я нашёл очень простую карусель (простота спасёт мир :) ), и разобрался как адаптировать её под свои нужды, но как всегда бывает на форумах есть одно но, очень хочу чтобы при нажатии "далее" карусель прокручивала ряд изображений не моментально на заданную позицию, а постепенно (прозрачно для пользователя :) ) . Извиняюсь за такое длинное вступление, исправлюсь. Вот сам http://learn.javascript.ru/play/tuto...sel/index.html скрипт (расположен на интерактивном сервисе, всего 30 коротких строчек включая комментарии :) ).

Подозреваю то что мне нужно сделать должно жить тут:

document.getElementById('next').onclick = function() {
  if (position <= -width*(imgs.length-count)) return false; // уже до упора

  // последнее передвижение вправо может быть не на 3, а на 2 или 1 элемент
  position = Math.max(position-width*count, -width*(imgs.length-count));
  ul.style.marginLeft = position + 'px';
  return false;
};


Не прошу ничего делать за меня, просто дайте направление куда думать:)

рони 29.07.2013 20:29

clampson,
Основы программной анимации на JavaScript

сегодня тема была код из анимации взят
Помогите с анимацией выпадающего меню


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