Смена картинок по нажатию на кнопку

[lbsdes]

Подскажите как сделать смену картинок по нажатию кнопок влево и вправо стрелками с эффектом ease, например нажимаю на кнопку вправо, картинка уезжает вправо и следом слева выезжает картинка, нажимаю влево, картинка которая вправо уехала, уезжает влево. Может урок есть какой или исходник.

[ZergMaster]

повесить на стрелки слушатели клика
arrowLeft.addEventListener(MouseEvent.CLICK, arrowHandler)
arrowRight.addEventListener(MouseEvent.CLICK, arrowHandler)

потом при помощи библиотеки greensock (https://greensock.com/tweenlite-as) твинить картинку внутри компонента, который их показывает, что-то вроде
private function arrowHandler(event:MouseEvent): void {
var direction: Number = event.tatget == arrowLeft ? -100 : 100;
TweenLite.to(img, 1, {x:img.x + direction, y:img.y});
}

Добавлено через 1 минуту
хотя тут конечно лучше написать компонентик типа карусель, куда просто будешь загружать массив картинок, и чтобы в нем были функции прокрутки влево и вправо, и уже их дергать по клику на стрелки.
Наверняка на демиарте где-нибудь есть примеры. Но проще свой написать имхо

[lbsdes]

повесить на стрелки слушатели клика
arrowLeft.addEventListener(MouseEvent.CLICK, arrowHandler)
arrowRight.addEventListener(MouseEvent.CLICK, arrowHandler)

потом при помощи библиотеки greensock (https://greensock.com/tweenlite-as) твинить картинку внутри компонента, который их показывает, что-то вроде
private function arrowHandler(event:MouseEvent): void {
var direction: Number = event.tatget == arrowLeft ? -100 : 100;
TweenLite.to(img, 1, {x:img.x + direction, y:img.y});
}

Добавлено через 1 минуту
хотя тут конечно лучше написать компонентик типа карусель, куда просто будешь загружать массив картинок, и чтобы в нем были функции прокрутки влево и вправо, и уже их дергать по клику на стрелки.
Наверняка на демиарте где-нибудь есть примеры. Но проще свой написать имхо

Я со скриптами на Вы, поэтому по порядку:
1. Создаю 2 кнопки, на левой имя будет arrowLeft, на правой имя будет arrowRight
2. Потом создаю второй слой называю его Script туда вставляю этот код
arrowLeft.addEventListener(MouseEvent.CLICK, arrowHandler)
arrowRight.addEventListener(MouseEvent.CLICK, arrowHandler)

private function arrowHandler(event:MouseEvent): void {
var direction: Number = event.tatget == arrowLeft ? -100 : 100;
TweenLite.to(img, 1, {x:img.x + direction, y:img.y});
}

Дальше как теперь картинки подгрузить?