Comments on: AS3 XML Thumbnail Photo Gallery

By: Ben Cheah

Ben Cheah — Wed, 07 Jul 2010 22:23:49 +0000

Thanks Jared, Just what I was looking for.

Simone, I made some changes to your code for the keyboard event. Your traceEvent function wasn’t quite working for me:

private function traceEvent( e:KeyboardEvent ):void {
if (e.keyCode == 37)
{
graphicsArray[currentPhoto - 1].dispatchEvent(new MouseEvent(MouseEvent.CLICK, true, false));
if (currentPhoto == 0)
{
graphicsArray[currentPhoto + 9].dispatchEvent(new MouseEvent(MouseEvent.CLICK, true, false));
}
}
if (e.keyCode == 39)
{
graphicsArray[currentPhoto + 1].dispatchEvent(new MouseEvent(MouseEvent.CLICK, true, false));
if (currentPhoto == 9)
{
graphicsArray[currentPhoto - 9].dispatchEvent(new MouseEvent(MouseEvent.CLICK, true, false));
}
}
}

By: Ben

Ben — Thu, 10 Jun 2010 09:03:12 +0000

I noticed in the Thumbnail class that we are only inserting one row. Ive had a hard time figuring out how to add a second or even third row of thumbails that can be loaded when clicked on. Any help?

Thanks!

By: jared

jared — Sat, 08 May 2010 00:00:28 +0000

Look in the library, there’s an exported movieclip

By: jared

jared — Fri, 07 May 2010 23:59:55 +0000

try using use the Loader() Class to load the swf

By: Ben

Ben — Fri, 07 May 2010 13:53:40 +0000

How would I implement this so it only runs on a particular frame in my .fla file?

Thanks!

By: matt

matt — Thu, 06 May 2010 09:18:37 +0000

hi. i cant seem to find where to the colour margin round the thumbnails is set. any ideas?

thanks

By: nayamoshi

nayamoshi — Fri, 29 Jan 2010 04:02:15 +0000

how can i scroll the thumbnails?

By: simone

simone — Fri, 22 Jan 2010 08:28:41 +0000

sorry, the last function has been cut by the box length:

private function traceEvent( e:KeyboardEvent ):void
{
if (e.keyCode==39) {
if (currentPhoto0) {
graphicsArray[currentPhoto-1].dispatchEvent(new MouseEvent(MouseEvent.CLICK, true, false));
}
}
}

By: simone

simone — Fri, 22 Jan 2010 08:25:30 +0000

excellent work, jared…

I added Key navigation (LeftArrow and RightArrow) by simply inserting into Thumbnail class:
—
import flash.events.*;
import flash.display.Sprite;

private var pressedKeys:Object = {};
private var graphicsArray:Array = new Array;

—–

into init() function:
stage.addEventListener( KeyboardEvent.KEY_DOWN, keyDownHandler );
stage.addEventListener( KeyboardEvent.KEY_UP, keyUpHandler );

——

into insertFirstRow() function:

graphicsArray[i] = thumb;

——-

and finally adding these 3 functions:

private function keyDownHandler( e:KeyboardEvent ):void
{
if( pressedKeys[ e.keyCode ] )
{
return;
}

pressedKeys[ e.keyCode ] = 1;
traceEvent( e );
}

private function keyUpHandler( e:KeyboardEvent ):void
{
delete pressedKeys[ e.keyCode ];
}

private function traceEvent( e:KeyboardEvent ):void
{
if (e.keyCode==39) {
if (currentPhoto0) {
graphicsArray[currentPhoto-1].dispatchEvent(new MouseEvent(MouseEvent.CLICK, true, false));
}
}
}

By: Jason Cavitt

Jason Cavitt — Sat, 17 Oct 2009 21:14:00 +0000

how would I add a second row of thumbnails if there were more than 10 images?