Creating 4-state image buttons

You can create 4-state image buttons for project. Four-state image buttons have the four button states built into them:

Normal, as the button exists when the page is displayed
Over, when users pass their cursors over the button
Down, when users click the button
Disabled, when the button has become unclickable

You select the images you want displayed for each state of the button. The normal state is required; the other states are optional.

If you do not select images for the optional button states (over, clicked, or disabled), the normal state image will be used. For details about viewing and changing the images assigned to the states of a button, see Configuring the states of buttons.

To create a 4-state image button:

Select the location in the Project Explorer in which you want to add the button.
On the Insert ribbon, click the down-arrow under Button in the Add Navigation and Interaction group and select Image Button. The Add Image Button window opens.
Use the controls on the Add Image Button window to select the images for the four button states. Click the drop-down list and select Browse for File to browse for an image on your file system, select Browse for Media to browse for an image in the Media Library or select from existing images used in the project.
Click OK.

The image button is added to project.