This new video tutorial will allow you to integrate rollovers in just a few easy steps. This time I have made it as easy as possible and the videos have been pimped to look really professional.

Interested?

Then let’s get started. Please be sure that you are using iWeb ‘08. If you are, then you can continue the tutorial. If not, then you have to use my old tutorial which was designed for iWeb ‘06 users.

1. Get your brain ready and take some time. The video takes about 25 minutes and so it is not one of those where you can skim through! It’s the best that you watch it once through completely and then do the process while watching the video another time.
2. If you are ready, then launch the video tutorial right here. It is a large file, so a fast connection is recommendable.
   If you are looking for the code mentioned in the tutorial, it is right here:

   
<script type="text/javascript">
function mouseOver()
{
document.rollover_one.src ="http://url/to/rollover-image"
}
function mouseOut()
{
document.rollover_one.src ="http://url/to/normal-image"
}
</script>
<a href="http://link.com">
<img alt="Link Title" src="http://url/to/normal-image" name="rollover_one" width="103" height="34" onmouseover="mouseOver()" onmouseout="mouseOut()" style="border: none;"/></a>


3. This is it! Have fun!

Additional Info:

If you are looking for cool iWeb Templates, then take a look at this huge collection.

If you have enjoyed this tutorial and wish to make a small donation, then feel free to do so by visited this page.