how to make image rollovers in iweb
Hi,
I spent an entire week trying to work this out. Now that I have, I can see the logic, but initially it was quite a steep learning curve. (Iweb 08/09)
I set up my iweb site by publishing to a folder and using cyberduck (a free ftp client) to upload to my server (hostmonster). IMPORTANT: in cyberduck create a folder called public_html . (It should be totally empty at this stage), if not, delete its contents. When you drag your published iweb stuff into this folder only drag THE CONTENTS!! (eg- your domain name is jones.com. Iweb will publish to a folder called jones.com/jones. this wont work. inside the jones folder are the folders you need to come directly off jones.com. essentially you are just removing this phantom folder that iweb created.
Steps: Create your iweb page in iweb how you like it.
Create a separate page in iweb to host the image files you need for your rollovers.
Drag the files onto this page and take note of their exact file names (after any editing)
Disable the links to this page. ( I cant remember how to do this, but its in the help menu or somewhere else on the net)-easy stuff.
On the page you want your rollovers, create a html snippet and use the code from this website
http://iwebfaq.org/de/iWeb_Rollover_images.html
it works! Follow the instructions on editing the code-very straightforward.
a sample of what your file path should be:
http://yourdomain.com/imagepage.html/imagename.png
NOTE: when you click apply on the html snippet it will appear as a question mark until you have published and uploaded the project. The reason for this is that the files you need for the rollovers are hosted on a page that doesn`t exist on the net yet...right? after you have published it should appear ok in iweb too.
I have found that if you have any errors with the page and you need to update, it is better to totally empty the contents of public_html and start fresh each time.
Hope this helps. It sure would have saved me some time.
PEACE.