Basic Instructions


1. First ensure that you have installed the imageLoader component using Macromedia Extension Manager.

2. Drag and drop the imageLoader component from the components panel onto the stage.


3. Click on the imageLoader component that you just dragged onto the stage in order to view its parameters in the properties panel. The parameters should be set using the component inspector. If you view the properties panel, you will see a "Launch Component Inspector" button. Press this button in order to open the component inspector.

 

4. Enter the following parameters in the component inspector panel:

PROPERTY
EXAMPLE
DESCRIPTION
Image URL http://www.yoursite.com/image_to_load.jpg

The URL or filename of the image to load.

Note: Live preview will work if the image is in the same directory as the imageLoader swf or if the full URL of the image is entered.

Scale To Fit
n/a
 Scales the image to fit within the boundaries of the imageLoader movie clip. This option is selected by default.
Maintain Aspect Ratio
n/a

Enables/disables maintaining the aspect ratio of the image. This option is not active if the "Scale To Fit" option is off.
Custom Preloader
n/a
 Enables/disables the built-in preloader bar. To use your own preloader function, enter the name of the preloader function in the Preloader Handler parameter. If the Custom preloader option is ON, the Preloader color option is disabled. By default this option is OFF.
Preloader Handler
n/a

This is the name of the function to invoke which contains the preloader code. This option is used when the "Custom Preloader" is enabled.

For more information about setting your own handlers see the examples in the advanced instructions.
FileLoaded Handler
n/a

This is the name of the function to invoke once the image has loaded.

Preloader Postion
Top - Center

valign: Sets the vertical alignment of the preloader
halign: Sets the horizontal alignment of the preloader.
Image Position
Top - Left

valign: Sets the vertical alignment of the image
halign: Sets the horizontal alignment of the image.

Preloader Color
n/a
 This color picker is used to select the color of the built-in preloader.

 

The imageLoader should now work correctly. Please see the advanced instructions for information on loading images and setting the parameters dynamically using ActionScript, as well as the way in which you would use your own custom preloader.