![]() ![]() You can see which item will show for each state by clicking once on the bar at the top of each column.In the Actions palette (the Images window shows as default), click on one of the check marks in the Normal column to remove it and click once in the MouseOver column to create a check mark.If you can't see the Rollover Action in the list of Actions, you probably have an HTML item selected (rollovers must be graphic items). With the topmost item selected, choose Item>Actions and select Rollover.Set the values of 1 for copies and 0px for horizontal and vertical offsets, click OK and then apply a green background color. Control-click (or right-click) on the item and choose Duplicate from the contextual menu.Click on the Graphic tool in the tool bar, draw a wide rectangular item on your page, then apply a red background color in the Inspector.Simple rollovers which swap images on mouseover can be very quickly created in Freeway (Note: Pro users should make sure the CSS Layout button is switched off on Freeway's tool bar): The "Images" window is where the different elements of the rollover are chosen to appear in each state of the rollover, and the "Parameters" window is where the behavior of the rollover (such as whether it restores back to its default when moused off) is controlled. In the Rollover Actions palette there are two main windows which are chosen by clicking on the "Images" and "Parameter" tabs near the top of the palette. To make a rollover in Freeway you need to build a stack of items on your page and then apply the Rollover Action to the stack. Rollovers can be made to simply swap images when moused over, but they can also be used as a visual cue that something is being moused over so it can be used as a link, and another common use of rollovers is to use them as a "trigger" so they trigger an "event" such as displaying a large image on a different part of a page when a thumbnail image is moused over or clicked. Rollovers are graphic items which change to display a different graphic in each of the “normal”, “mouseover” and “click” states when the page is previewed. Perhaps the most common of all Actions is the rollover. If you want to use HTML text to trigger an event on mouseover, you need to use the Text Rollover Action - but bear in mind that a Text Rollover cannot be set to trigger an event on click. Note: The Rollover Action can only be applied to graphic items. It can create a graphic button which triggers an "event" (such as the display of an image elsewhere on the page).It can create a graphic hyperlink which swaps on mouseover to give the visitor a visual cue that they are mousing over a hyperlink.It can create a graphic on your page which swaps to another image on mouseover.What the Action can do: This Action lets you do the following: Rollover Action 13th of February, 2013 Type of Action: Item Action (to use it, select an item and go to Item>Actions to choose the Action from the list). ![]()
0 Comments
Leave a Reply. |