Rollover

Works with any kind of link component, which must wrap it, to provide a rollover image button ... a button where the image changes when the mouse move over it or off of it. A Rollover is disabled if the link that wraps it is disabled (in which case it doesn't respond to the mouse). Use the simpler Image component is dynamic behavior isn't required.

The component provides all the necessary JavaScript to swap the image when the mouse enters and exits the button. However, the Rollover must be wrapped (ultimately) by a Body component.

Parameters

image

The (initial) image to show (if not disabled).

focus

The image displayed when the mouse moves over the button (unless disabled).

blur

The image displayed when the mouse moves off of the button (unless disabled).

disabled

The image displayed if the link is itself disabled.