ROLL-OVER

D

Dittohead

In frontpage 2002 I am trying to create buttons that when
either clicked on or on mouse hover create an explosion.
When adding the explosion it replaces the original
Icon/Button. Is there a way around this? Thanks.
 
J

Jim Buyens

-----Original Message-----
In frontpage 2002 I am trying to create buttons that
when either clicked on or on mouse hover create an
explosion. When adding the explosion it replaces the
original Icon/Button. Is there a way around this?
Thanks.

First, switch to HTML view and add a name= attribute to
the picture you want to change. For example:

<img src="bomb1.jpg" name="rovpic">

Then, add a script to your <head> section such as:

<script language="JavaScript">
var rov1 = new Image(); rov1.src = "images/bomb1.jpg"
var rov2 = new Image(); rov2.src = "images/bomb2.jpg"
</script>

where images/bomb.jpg and images/bomb2.jpg are the two
different picture versions you want.

Finally, surround the mouse-sensitive content with a
hyperlink such as the following:

<a href="javascript:;"
onmouseover="document.rovpic.src = eval('rov2.src');"
onmouseout="document.rovpic.src = eval('rov1.src');">
Your content goes here.</a>

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top