swap (change) images

B

Bobby T

I have 4 buttons on a web page, and I would like a image on the same web
page to "change" when you mouse-over the different buttons. Is there a way
to do this with FrontPage "behaviors"? Any help you can give me is
appreciated. I am using FrontPage2003.
 
M

Murray

Make sure each image is named - lets say they are named image1-4 and
imageswap.

Select image1 and apply a swap image behavior to swap imageswap to whatever
image mousing over that image should produce.

Select image2 and apply a swap image behavior to swap imageswap to whatever
image mousing over that image should produce.


Select image3 and apply a swap image behavior to swap imageswap to whatever
image mousing over that image should produce.


Select image4 and apply a swap image behavior to swap imageswap to whatever
image mousing over that image should produce.

Sorry I couldn't be more explicit! 8)
 
B

Bobby T

Murray,

Thanks for your quick response, but It's not quite what I was looking for.
I probably didn't phrase my question properly. I have 4 buttons and want to
display a different image on each button mouse-over. I want the 4 images
(from the mouse-overs) to display in the "same place" on the web page. I
have seen this on quite a few web pages; an example of one such webpage is
www.gwpriester.com - when you mouse-over the different categories the
images
change. Is there an easy way to do this?
 
J

JDR

Bobby,

I use java script to achieve this. Here is a site I use a swap script on:
http://mauivacationusa.com/

You can view the source and grab the script if you want, it's a simple script.

Just make sure you add the "onload="focus()" in the body tag.
<body onLoad="focus()">

JDR
**************
 
M

Murray

That's exactly what I told you to do. Mousing over any of those images
called image1-4 will swap the image called imageswap. The image called
imageswap is in the same place on the page. My instructions are EXACTLY
what is done at gwpriester.com (although in an excruciatingly obscure way).
 
B

Bobby T

Murray, Kathleen & JDR,
Thank you all for taking the time to respond to my question. With your
help, I was able to accomplish what I wanted to do.
 
J

JWP Jr.

Here's how you do it
FP 2003 help on behaviors is real good!!!:
In help menu type
Define a Behavior for an element

1. With web page open Behaviors from the Format menu.
2. For each image do the following:
a. Select image,
b. On behaviors window click on Insert,
c. Click on Swap Image,
d. Browse and select Image to swap with original,
e. Under Events and Actions you should
have "onmouseover" and "Swap Images".
f. Then on Insert select Swap Image Restore,
g. Click on message box displayed,
h. Now you should also have "onmouseout" and "Swap
Image Restore".

Hope this helps.
Have fun!!!
 

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

Similar Threads

Pages are changing pasted image... 0
Office Word JPEG in a document showing but not printing out 0
Swap text 2
WIERD GLITCHED/ERROR IMAGE HELP APRECIATED! 1
Images are pixelated when saving to PDF 0
Merging from an Excel file with graphics 1
Section and Page numbering 0
How to paste this down? 3

Top