1. Open the gallery.ufo if not already.
2. Click on the slice tool. Our page should be sliced already.
3. Select the "People" cell (click on the
marker)
4. On the Slice panel, choose the Script Effects
tab
5. Highlight the "Triggered by cell" option,
then click the add icon.
6. Choose "Swap Image" from the context
menu to open the Swap Image dialog box.
The Swap Image box gives us several options for creating
our effects. The Event drop down let's us choose
how we want the effect to be triggered. In this case, when the mouse
cursor hovers over the link. There are three main sections on this
box. The cell display window (1), the cell list (2) and the
Swap Image source (3).
7. In the Event drop down select onMouseOver
if it isn't already chosen.
8. Check the box next to "Display effect on event:
on MouseOver"
9. In the display window, click on the image holder square or
select the "swap" cell from the list.
10. Click the folder icon and browse to the people.jpg
you put in your My Site Files folder. This
was included with the zip file
youdownloaded.
11. Make sure the Restore After Rollover box
is checked.
12. Click OK.
13. Repeat steps 3 through 12 with the 3 remaining links (Nature,
Buildings, Landscapes) and use the corresponding images (step
10) for the Swap effect.
Before we close this page, let's add a link to our first page so
visitors can get back to the start of our site if they need to.
1. Select the top banner cell on this page.
2. In the Properties tab on the Slice panel, click the File icon (yellow
folder) and browse to the index.html file in your
My Site folder.
3. In the ALT Text box, type Back To My Home Page
Save your page as a .ufo for use later if needed. Preview your page
if you want.
Save this page as HTML in the My Site/gallery/ folder
and name it gallery.html
Creating Our Third Page
