Scroll i billede galleri
Jeg er ved at lave et billede galleri i flash/actionscript 3.0. Indtil videre har jeg fået programmeret selve galleriete, som henter billederne ind fra en xml fil. Mit problem er at jeg har thumbs i en lodret række, som jeg gerne vil have en scroll funktion på, så man kan scrolle gennem dem.Jeg har kigget på forskellige tutorials, men syntes ikke jeg har fundet noget jeg har kunne bruge. Er der en der måske vil lave en lille guide eller måske kan henvise til en tutorial, som forklarer emnet godt?
Indtil videre er min kode:
import fl.transitions.Tween;
import fl.transitions.easing.*;
var fadeTween:Tween;
var imageText:TextField = new TextField();
var imageLoader:Loader;
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("data/images.xml"));
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
function xmlLoaded(event:Event):void
{
xml = XML(event.target.data);
xmlList = xml.children();
for(var i:int = 0; i < xmlList.length(); i++)
{
imageLoader = new Loader();
imageLoader.load(new URLRequest(xmlList[i].attribute("thumb")));
imageLoader.x = 25;
imageLoader.y = i * 150 + 25;
imageLoader.name = xmlList[i].attribute("source");
addChild(imageLoader);
imageLoader.addEventListener(MouseEvent.CLICK, showPicture);
}
}
function showPicture(event:MouseEvent):void
{
imageLoader = new Loader();
imageLoader.load(new URLRequest(event.target.name));
imageLoader.x = 200;
imageLoader.y = 25;
addChild(imageLoader);
imageText.x = imageLoader.x;
imageText.y = 351;
for(var j:int = 0; j < xmlList.length(); j++)
{
if(xmlList[j].attribute("source") == event.target.name)
{
imageText.text = xmlList[j];
}
}
fadeTween = new Tween(imageLoader,"alpha",None.easeNone,0,1,1,true);
}
imageText.autoSize = TextFieldAutoSize.LEFT;
addChild(imageText);