30
• Starting position is: 765, 674
• The touch region is 96 pixels wide and 43 pixels high
• The rollover region is enabled
• The on and off images are: next_on.bmp and next_off.bmp.
• The rollover images are displayed in the same location as the touch region
Normally, the on and off image have the same dimensions as touch region (width,
height), and the same starting position (x,y). The rollover origin (x_origin, y_origin)
allows you to specify a different starting position. You can use this feature if your on and
off images are larger than the touch region you use to activate the on and off images. Or,
you may have a menu with thumbnail images on the left side, and you want a larger
image to be displayed on the right side of the screen when the cursor is over a thumbnail.
The following CSV example plays a simple slideshow with 3 images. It has two
rectangular rollover region events and one timeout event. Examples 5.1 and 5.2 are the
same as Example 5, but expanded so it’s easier to read.
• If nothing is clicked or touched, the slide show will start automatically after the
10 second timeout, and then return to the menu.
• Similar to a standard elo entry, you’ll notice that clicking in the first touch area,
advances to the next slide until you reach menu.bmp.
• Clicking in the second touch area takes you back to the previous slide.
• In example 5.1, we see clearly that each of the 3 images has a section that’s 96
pixels long by 43 pixels tall that’s defined as a rollover region.
o When the pointer isn’t over this area, next_notlit.bmp is diplayed
o When the point is over this area, next_lit.bmp is displayed
• In example 5.2, we see that each of the 3 images has a section that’s 95 pixels
long by 43 pixels tall that’s defined as a rollover region.
o When the pointer isn’t over this area, back_notlit.bmp is displayed
o When the pointer is over this area, back_lit.bmp is displayed
Example 5: slideshow, with next and back buttons that light up when the mouse is over
them