This button-bar example demonstrates the possibilities of using alternative images for mouseOver and mouseDown (click) instead of filtered or grayscaled versions of the BaseImage. Although both AltOverImage and AltDownImage parameters are in use here, it's possible to use only one: for the missing parameter, the BaseImage will be used.
Although not demonstrated here, the UseFilters and/or GrayscaleAreas parameters can still be switched on and will be applied to the alternative images just as they were applied to the BaseImage in previous examples.
For best results, try to ensure that your alternative images are the same dimensions as your BaseImage: ideally, create your BaseImage first, then edit as necessary to create the alternative images.
For the sake of interest, the three images used are shown below.
<APPLET CODE="ryProMap.class" ARCHIVE="ProMap.jar" WIDTH=544 HEIGHT=50>
<param name=CabBase value="ProMap.cab">
<param name=Copyright value="ProMap (c) 1997 Cool Focus [www.coolfocus.com]">
<param name=BaseImage value="buttonbar.jpg">
<param name=AltOverImage value="buttonbarcolor.jpg"> The image to use for Areas that the mouse enters
<param name=AltDownImage value="buttonbardown.jpg"> The image used when the mouse clicks an Area
<param name=PaintMessages value="no"> Moves Messages to the status-bar
<param name=UseFilters value="no"> The filters are not being used
<param name=DefaultSounds value="In.au, Out.au">
<param name=Area1 value="8,4,77,44">
<param name=Area2 value="77,4,145,44">
<param name=Area3 value="145,4,200,44">
<param name=Area4 value="200,4,255,44">
<param name=Area5 value="255,4,310,44">
<param name=Area6 value="316,4,373,44">
<param name=Area7 value="373,4,428,44">
<param name=Area8 value="428,4,483,44">
<param name=Area9 value="483,4,538,44">
<param name=Message1 value="The BACK button">
<param name=Message2 value="The FORWARD button">
<param name=Message3 value="The STOP button">
<param name=Message4 value="The REFRESH button">
<param name=Message5 value="The HOME button">
<param name=Message6 value="The SEARCH BAR button">
<param name=Message7 value="The FAVORITES BAR button">
<param name=Message8 value="The HISTORY BAR button">
<param name=Message9 value="The CHANNEL BAR button">
</APPLET>
The BaseImage
The AltOverImage
The AltDownImage