Open new image

1) Add an empty movieClip on the stage to use as a 'container', give it the name 'empty'.

2) Place this movieClip below the Thumbnailer component and give it the instance name: 'picHolder'.

3) Add the following Actionscript to your main timeline:

tnailer.onThumbRelease=function(mc)
{
    picHolder.loadMovie("pic_"+mc.no+".jpg");
}

Here we are defining what will happen when the user releases the mouse button over each thumbnail.


Note:

The corresponding larger JPEG image will be loaded into the target movieClip instance, with the name picHolder. The name of the image that is loaded will be, for example pic_1.jpg, when clicking on the second thumbnail image.

Every thumbnail movieClip has a property named no that holds a sequential number of the thumbnail image as it appears on the stage. That way we know which thumbnail has been  clicked, rolled over etc.

And that's it! The result should look like this: