Добрый день!
Боевая задача: имеется блок, содержащий в ряд N изображений и кнопка.
По событию нажатия кнопки происходит сдвиг изображений влево на заданное количество пикселей.

HTML:

где cntimg - количество изображений.

JS:


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

Пытался в различных вариантах использовать подстановку задержки в цикле по пикселям: ID = window.setTimeout("Update();", 2000); - где Update() функция с простым оператором присваивания, но ничего не вышло - задержки нет, даже если вместо 2000 указать 10000.
Пытался использовать такую функцию: 

Задержка появляется, но выглядит это скорее как подвисание скрипта - плавности так же нет, просто отрисовка происходит позже, но опять же, перемещение изображений происходит сразу в конечную позицию.

Вторую ночь борюсь с этим, пожалуйста ,помогите...

Лучше положить картинки в



Выставляешь слоям ширину/высоту, двигаешь внутренний слой. Прокрутка всех картинок будет плавной.

В виде коде HTML я привёл только вызов функции - это сама кнопка, а не изображение, которое я хочу двигать.
Картинки организованы примерно таким способом (только position: relative, в силу определенных обстоятельств), как Вы предлагаете, но плавности нет.

Я нашёл решение проблемы.
Если кому-то интересно:
Таймер или Интервал не запускаются из функции, запущенной по событию. Уж почему, не знаю, видимо так организован стек JS.

Тем не менее, для того, что бы добиться плавности, оказалось достаточным вставить вызов таймера непосредственно из события.