Step 2
Add the mouseover image:
a) Open the Image properties and select the Events page.
b) Select onmouseover and set the action to Set Image.
c) Specify the Filename of the mouseover image.
Using events to create a roll over image with sound

WYSIWYG Web Builder makes it easy to handle events of form controls and images. To demonstrate this feature we are going to create a rollover image that also plays a sound file when the mouse hovers over the image.

Step 1
Add an image to your web page. Click Insert->Image on the menubar and select the initial image that will be displayed.
Step 3
If the mouse moves out of the image area, we want the original image to reappear.
a) Open the Image properties and select the Events page.
b) Select onmouseout and set the action to Set Image.
c) Specify the Filename of the mouseout image (this is usually the same as the original image file).
Step 4
To play a sound we will use the Media Player object.

Please be aware that not all browsers do support the same media formats! See the information in the help for more details about this.

Click Insert->Media->Media Player on the menubar.
Open the object's properties and select a sound. Set the type to 'HTML5 audio'.
Disable Autostart and select the Hidden property so the object will not be displayed in your page.
In Properties note name of the object, if this is the first Media Player object on the page this is usually called 'MediaPlayer1'.
Step 5
Now we're going to attach the sound to our rollover image.
a) Open the image properties and select the 'Events' page.
b) Select onmouseover and set the action to Media Play.
c) In target select the ID of the Media Player object: MediaPlayer1.
If you like you can also stop the sound when the mouse moves out of the image area:
a) Open the image properties and select the 'Events' page.
b) Select onmouseout and set the action to Media Stop.
c) In target select the ID of the Media Player object: MediaPlayer1.
Download examples:
http://www.wysiwygwebbuilder.com/support/demo_events.zip