mouse over photo

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hi, everyone

I was wondering how to set the mouse over photo works. I won’t the photo to
show when the mouse moves over the photo can some one help me please!!

Thank you

Manny
 
Manny said:
Hi, everyone

I was wondering how to set the mouse over photo works. I won't the
photo to show when the mouse moves over the photo can some one help
me please!!

Thank you

Manny
Click to expand...

This code swaps two photos
<html>
<head></head>
<body>
<p>
<a href="#"
onmouseover="document.myImage.src='../../myweb/images/display/carole.jpg'"
onmouseout
="document.myImage.src='../../myweb/images/display/trevor.jpg'">
<img src="../../myweb/images/display/trevor.jpg" name="myImage"></a>
</p>
</body>
</html>

Originally or on mouse out it is "../../myweb/images/display/trevor.jpg"
On mouseover it is '../../myweb/images/display/carole.jpg'
 
Hi Manny,

There;s a cool way to do this inside the FrontPage 2003 GUI.
1) Click the photo to select it. You'll see the little black boxes marking
image corners and cemter lines.
2) Open the View menu and from the toolbars submenu select DHTML.
3) On the DHTML menu, from the first drop down select Mouseover.
4) From the second drop down select Swap Picture.
From the third drop down select Browse and locate the image you want
displayed when the mouse passes over it.

There are lots of ways you can apply this basic image swap. For example, on
a white backgrpund you can use a white picture with something like "Click
here?" in the middle.

Mark
 
Back
Top