灯箱图像查看器，当点击缩略图时填充图像黑色背景as3

Question

我是AS3的新手，尝试做一个类似于Facebook风格显示的图像查看器，点击照片，但不知道从哪里开始，如果我想做的是纯As3代码。关于从哪里开始的一些提示将不胜感激。

任务： 1.）单击图像时，放大图像以适合屏幕宽度，并在黑色背景上显示图像。 2.）再次单击图像时，缩小/缩小到之前页面的位置。

感谢您的时间和帮助

import caurina.transitions.*;
import fl.transitions.Tween;
import fl.transitions.TweenEvent;


var full_tween:Tween;
var full_mc:MovieClip;
_contentHolder.addEventListener(MouseEvent.CLICK, gotoscene);
function gotoscene(e:MouseEvent):void {
    //trace("over" + e.currentTarget.name);
    Tweener.addTween(e.currentTarget, { scaleX:thumbLarge, scaleY:thumbLarge, x:e.currentTarget.myx - e.currentTarget.width * Math.abs(thumbSmall - thumbLarge)/2, y: -e.currentTarget.width * Math.abs(thumbSmall - thumbLarge)/2, time:1 } );
    Tweener.addTween(e.currentTarget.blackBox, { alpha:thumbFadeIn, time: 1 } );
}
function outScrollerItem(e:MouseEvent):void {
    //trace("out" + e.currentTarget.name);
    Tweener.addTween(e.currentTarget, { scaleX:thumbSmall, scaleY:thumbSmall, x:e.currentTarget.myx, y:0, time:1 } );
    Tweener.addTween(e.currentTarget.blackBox, { alpha:thumbFadeOut, time: 1 } );
}

function fullLoaded(e:Event):void {
    full_mc = new MovieClip();
    addChild(full_mc);
    var my_loader:Loader = Loader(e.target.loader);
    full_mc.addChild(my_loader);


    my_loader.x = (stage.stageWidth - my_loader.width)/2;
    my_loader.y = (stage.stageHeight - my_loader.height)/2;

    my_loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, fullLoaded);
}