Mouse Overs

S

Scott

FP 03 Is there a way to have a image appear when the mouse is scrolled over
text. I'm trying to make it so that the image doesn't open in another window,
but to appear on the same page.
 
D

Dan Abrey

Scott said:
FP 03 Is there a way to have a image appear when the mouse is scrolled over
text. I'm trying to make it so that the image doesn't open in another window,
but to appear on the same page.
Click to expand...

Javascript..
 
D

Don

Hi Scott,

You could use layers... You can insert a layer into a page (hidden) and
then use the behaviors to show the layer on mouseclick or mouseover...

Just a thought...

Sample www.xmas-i-am.com Then look at layers (just a quick Demo)

Don
======================
| FP 03 Is there a way to have a image appear when the mouse is scrolled
over
| text. I'm trying to make it so that the image doesn't open in another
window,
| but to appear on the same page.
 
J

Jim Buyens

Sure.

First, make sure your <img> tag contains an id=
attribute, as in:

<img id="rollpic" src="ballblue.gif">

Then:

1. Select the text that you want to control the
rollover effect.
2. Display the Behaviors task pane.
3. Make sure the Scripts On Tag message is reasonable
(i.e. Scripts On Tag <p>).
4. Click Insert and then choose Swap Image.
5. Make sure your picture is selected in the large
list box, then click Browse and select the
alternate picture.
6. If you want the original picture to reappear when
the mouse passes off the text, click Restore On
MouseOut event.
7. Click OK, then switch to Preview and test.

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)
|/---------------------------------------------------
*----------------------------------------------------
 
S

Scott

But how can I control the size of the image and the location to where it will
appear.
 
J

Jim Buyens

I presumed you had a bunch of pictures the same size, and you wanted
them to replace each other in the same spot. If this isn't what you
meant, then please explain what you meant.

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)
|/---------------------------------------------------
*----------------------------------------------------
 
S

Scott

Don your Second layer is what I'm looking for. but still having troubles.
It's more than likely something simple. The images is not showing up in the
list box. Are your numbers saved as images and how do I get them into the
list box.
 
D

Don

Hi Scott,

The numbers are just text...

You might want to also look at anchored Layers.. They move with resizing of
the window..
http://www.xmas-i-am.com/layers3.htm

List Box? (he says caught off guard and drawing a blank)

E-Mail me direct if you want [email protected]

Don
=======================
| Don your Second layer is what I'm looking for. but still having troubles.
| It's more than likely something simple. The images is not showing up in
the
| list box. Are your numbers saved as images and how do I get them into the
| list box.
|
| "Scott" wrote:
|
| > Thanks Don I'll give it a try.
| >
| > "Don" wrote:
| >
| > > Hi Scott,
| > >
| > > You could use layers... You can insert a layer into a page (hidden)
and
| > > then use the behaviors to show the layer on mouseclick or mouseover...
| > >
| > > Just a thought...
| > >
| > > Sample www.xmas-i-am.com Then look at layers (just a quick Demo)
| > >
| > > Don
| > > ======================
| > > | > > | FP 03 Is there a way to have a image appear when the mouse is
scrolled
| > > over
| > > | text. I'm trying to make it so that the image doesn't open in
another
| > > window,
| > > | but to appear on the same page.
| > >
| > >
| > >
 
D

Don

Scott,

Looks good but I think I can help with the positioning a bit

Don
======================
| Here is a link to better explain what I'm trying to do..
|
| www.coldwavesnowwear.com/pages/collections/main/snocross.html
|
|
|
| "Jim Buyens" wrote:
|
| > I presumed you had a bunch of pictures the same size, and you wanted
| > them to replace each other in the same spot. If this isn't what you
| > meant, then please explain what you meant.
| >
| > 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)
| > |/---------------------------------------------------
| > *----------------------------------------------------
| >
| > > But how can I control the size of the image and the location to where
it will
| > > appear.
| > >
| > > "Jim Buyens" wrote:
| > >
| > > > Sure.
| > > >
| > > > First, make sure your <img> tag contains an id=
| > > > attribute, as in:
| > > >
| > > > <img id="rollpic" src="ballblue.gif">
| > > >
| > > > Then:
| > > >
| > > > 1. Select the text that you want to control the
| > > > rollover effect.
| > > > 2. Display the Behaviors task pane.
| > > > 3. Make sure the Scripts On Tag message is reasonable
| > > > (i.e. Scripts On Tag <p>).
| > > > 4. Click Insert and then choose Swap Image.
| > > > 5. Make sure your picture is selected in the large
| > > > list box, then click Browse and select the
| > > > alternate picture.
| > > > 6. If you want the original picture to reappear when
| > > > the mouse passes off the text, click Restore On
| > > > MouseOut event.
| > > > 7. Click OK, then switch to Preview and test.
| > > >
| > > > 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)
| > > > |/---------------------------------------------------
| > > > *----------------------------------------------------
| > > >
| > > > >-----Original Message-----
| > > > >FP 03 Is there a way to have a image appear when the
| > > mouse is scrolled over
| > > > >text. I'm trying to make it so that the image doesn't
| > > open in another window,
| > > > >but to appear on the same page.
| > > > >.
| > > > >
| > > >
| >
 
Top