Swap Image

The Swap Image Behavior allows you to swap content with any frame in your document.  This type of Behavior was used to create the "rollover" example that was described earlier in the unit so the particulars of this function have already been discussed.  One particular aspect that wasn’t mentioned was the fact that you can choose the action that will trigger the rollover by clicking on the small arrow to the left of the Event Label in the Behaviors Panel.

You are given four different options. 

Your Behavior can be triggered by the mouse cursor moving over, moving off, or {Clicking}on the chosen graphic. You can also choose to have your image swap when the graphic loads. Supplementary JavaScript must be added to your HTML document in order for this Event to work correctly.

We’ll take a closer look at further capabilities of the Swap Image later in the unit.