Example Image Sequence

The main goal of this example is to show how to use ImageSeq.class. For a listing of the attributes associated with the Image Sequence Widget, click on ImageSeq.class. This example is similar to an earlier bargraph example, but instead uses an image sequence (Tour) versus a bargraph. Instead of repeating everything from the earlier example, this example will only discuss Tour. Reference \Projects\BarGraph\ReadMe.htm for information on the radio buttons, slider, and META tags. Here is a snapshot of what the html page looks like in a "WYSIWYG" tool:

Figure 1.

To create an image sequence named Tour that uses a byte value returned by MetaOne as its input, the following is used:

<APPLET CODE="ImageSeq.class" WIDTH="145" HEIGHT="98" NAME="Tour">
<PARAM NAME="href" VALUE="Amulet:document.MetaOne.value()">
<PARAM NAME="min" VALUE="0">
<PARAM NAME="max" VALUE="255">
<PARAM NAME="sequence" VALUE="../Images/america.gif;../Images/australia.gif;../Images/china.gif;../Images/france.gif;../Images/goldenbridge.gif;../Images/japan.gif">
<PARAM NAME="updateRate" VALUE=".24,0.01">
</APPLET>

Tour updates every 240msec, getting a byte value from MetaOne in order to know which image to transition to by using the href function Amulet:document.MetaOne.value().

NOTES:

• In order to program this example into the Easy GUI module, the above html page can be found in \Projects\Examples\ImageSequence\CompileMe.htm subdirectory of the Amulet main directory. By default, the Amulet main directory is C:\Program Files\Amulet, however you may have specified a different path during the install.
• Once you program this example into the GUI module, you will need to use the Amulet Simulator in order to respond to Tour with some data if you have the UART radio button selected.