Join Login


Video Tutorials
Blog



Adobe CS5.5 Design Premium

Create a Simple Image Gallery


By: RiverCityGraphix      Views: 22981      Share: Bookmark and Share

In this tutorial, you will learn how to create a simple image gallery with transitions and thumbnails in Flash CS3.

Image galleries are becoming ever popular online. Flash provides all of the tools you need to create one in a few minutes. To create this gallery, you will need to create separate frames for each of your images. Once you do this, you can add a frame label to each one for use in the actionscript. After this is done, you need to make your buttons/thumbnails and add those on each frame. Lastly, you can add fades or other extras to make your gallery unique. Please remember that this gallery is not meant for a large number of images. The more images that are added, the more cluttered the gallery will look. I hope that you enjoy this simple gallery made in Flash.

ActionScript 3.0
stop()

btn1.addEventListener(MouseEvent.CLICK,play1);

function play1(event:MouseEvent):void{
	gotoAndStop("leaves");
}

btn2.addEventListener(MouseEvent.CLICK,play2);

function play2(event:MouseEvent):void{
	gotoAndStop("creek");
}

btn3.addEventListener(MouseEvent.CLICK,play3);

function play3(event:MouseEvent):void{
	gotoAndStop("desert");
}

btn4.addEventListener(MouseEvent.CLICK,play4);

function play4(event:MouseEvent):void{
	gotoAndStop("dock");
}


ActionScript 2.0 (Alternate Code)
stop();

btn1.onRelease = function(){
gotoAndStop ("leaves");
}

btn2.onRelease = function(){
gotoAndStop ("creek");
}

btn3.onRelease = function(){
gotoAndStop ("desert");
}

btn4.onRelease = function(){
gotoAndStop ("dock");
}




Free Source Files Zip

Site Build It!