Adjusting the Image Size in Andrei's Rotators

This tutorial applies to Sets #1 and #2 of Andrei's Image Rotators, as distributed on www.TUFaT.com, and illustrates how to change the rotator image size. Additional information is provided in the form of a readme.txt file, which comes with the download file from TUFaT.com.

Changing the image size requires Flash 2004 Professional, which you can get for free from Macromedia.com (30-day trial).

Step 1

Create the JPG images that you want to use, and copy to the "images" folder, then update the settings.xml file accordingly. This is always the first step when you are adding new images to the rotator set. The settings.xml file must correlate with the image names present in the "images" folder (please note that the ".jpg" extensions are left out of settings.xml, since tshey are assumed).

Here are the three images that I'd like to put in my new rotator:

Ok, but here's what the SWF looks like when I open it with these images in it:

As you can see by the purple arrows shown above, the rotator SWF needs to be reduced in width, and increased in height, to accomodate my new images.

Step 2

Open the file called "sourceCode.as" in Flash 2004 Professional. Locate the "stagew" and "stageh" variables, and set the values to match your JPG image dimensions, as shown below.

Open the .fla file that comes with the rotator set. This is probably located in a folder called "flash_source". On the main menu, go to "Modify" then "Document", as shown below.

Now, set the Width and Height to correspond with the JPG image dimensions; i.e., the same values that you set in the sourceCode.as file.

My JPG images are 180 x 500 pixels, so these the values that I set in the Document Properties window. Don't forget the "px" suffix, as shown above.

Step 3

Finally, publish the new SWF file using "File" ... "Publish" from the main menu, as shown below. This will create a new "index.swf" file in the "flash_source" folder.

You should copy this new index.swf file to the "public_html" folder.

The final result is that the image.swf file matches the JPG dimensions. The screenshot below shows the transition between two of my new images (3 famous towers from around the world).

The rotator can be easily embedded in an HTML page by changing your "Publish Settings" in Flash (on the File menu) to create an HTML file along with the SWF file.

Enjoy!
Darren