mouseover

D

DianaH

I'd like to insert an image and have it change when the mouse moves over it.
Is it an option? How do I do that?
Thanks. Diana
 
T

Trevor L.

Hey, it is good when you get to the point as a tyro, such as I am, that I
can answer another's query.
DianaH,

I have found a way to have a balloon pop up when the mouse moves over an
image. Is that what you want?

Here it is:
<img border="0"
src="_borders/04-04-18%20002%20Trevor%20Trial%20passport%20photo_small.jpg"
..............
alt="Click for larger picture" width="54" height="51" align="middle">

The key point is the alt=" "

If you visit my site http://tandcl.homemail.com.au/index.html you will see
that holding the mouse over either of the pictures up the top bring ups the
balloon "Click for larger picture"

It may be that you would like the whole image to change. That is something
that I have thought of, but I don't think it is achievable. A left click on
an image can bring up another image (as in my case) but I don't think just a
hover with the mouse will change one. If someone knows otherwise, I would
love to hear form you as do doubt would Diana.

Cheers,
Trevor L
 
D

DianaH

Hi Trevor,
What you are describing is a screen tip. When you insert a hyperlink in
Frontpage, there's an option to add a screen tip.
I wish that that was the answer, cuz that would have been an easier
solution. Unfortunately, what I'm wanting is to have a different image
display when the mouse moves over an existing image on the page. I'm not
necessarily after a hyperlink ... just a different image.
I appreciate your attempt. Thanks.
Diana


Hey, it is good when you get to the point as a tyro, such as I am, that I
can answer another's query.
DianaH,

I have found a way to have a balloon pop up when the mouse moves over an
image. Is that what you want?

Here it is:
<img border="0"
src="_borders/04-04-18%20002%20Trevor%20Trial%20passport%20photo_small.jpg"
..............
alt="Click for larger picture" width="54" height="51" align="middle">

The key point is the alt=" "

If you visit my site http://tandcl.homemail.com.au/index.html you will see
that holding the mouse over either of the pictures up the top bring ups the
balloon "Click for larger picture"

It may be that you would like the whole image to change. That is something
that I have thought of, but I don't think it is achievable. A left click on
an image can bring up another image (as in my case) but I don't think just a
hover with the mouse will change one. If someone knows otherwise, I would
love to hear form you as do doubt would Diana.

Cheers,
Trevor L
 
P

Pernilla

I have found a very funny page with lots of things that you can do on your
homepage, and it's free...
http://www.dynamicdrive.com
There are some that changes as a picture show as well. I wanted my pictures
to be black/white and on mouseover they would have color, so I used one that
changed the pictures at first, but it was kind of heavy to load for me so I
wrote my own script...it's on my page now, but works only for IE
http://web.comhem.se/~u60529004/

"DianaH" skrev:
 
T

Trevor L.

Diana,

Thanks for the reply. Personal Email is O.K. In fact I saw your reply there
before that in the newsgroup. With so many postings (especially on the
FrontPage newsgroup) I can easily miss those I haven't read, even when the
newsgroup is also downloaded to Outlook Express.

As to: "so ... how'd you do that?"

I have to admit to a possible breach of copyright. I found the answer in a
book I am reading, which I had better not name. Its topic is creating
websites. However, I tested it myself as I am interested in "tricks" such as
these. Anyway as it is merely an application of code in the public domain I
suppose copyright doesn't come into it.

I have a similar question for someone, although I will plug away at it
anyway.

This is: How do you get a balloon tip to come up when mousing over a
hyperlink?
In my website, I have managed to get a balloon tip to come up over an image
which is a hyperlink to another image, but what if the hyperlink is text?
(That is, the text for hyperlink is initially quite brief, but when the
mouse is held over it, a longer piece of text comes up in explanation.) On
my homepage, I would like the text that comes after Web Page Analyser to be
in a balloon tip. (After all, it is only an ad., anyway)

--
Cheers,
Trevor L.




I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
D

DianaH

Trevor ... I actually I think I responded to your question, but I'll explain
it again, here.

When you create the hyperlink, in the window where you enter the address, is
a button in the upper right, entitled "screen tip". Click it and type what
you want to display in the balloon. That should do it.

You didn't answer how you did the mouse over trick. I'm keen to learn/use
that feature.
Diana

Diana,

Thanks for the reply. Personal Email is O.K. In fact I saw your reply there
before that in the newsgroup. With so many postings (especially on the
FrontPage newsgroup) I can easily miss those I haven't read, even when the
newsgroup is also downloaded to Outlook Express.

As to: "so ... how'd you do that?"

I have to admit to a possible breach of copyright. I found the answer in a
book I am reading, which I had better not name. Its topic is creating
websites. However, I tested it myself as I am interested in "tricks" such as
these. Anyway as it is merely an application of code in the public domain I
suppose copyright doesn't come into it.

I have a similar question for someone, although I will plug away at it
anyway.

This is: How do you get a balloon tip to come up when mousing over a
hyperlink?
In my website, I have managed to get a balloon tip to come up over an image
which is a hyperlink to another image, but what if the hyperlink is text?
(That is, the text for hyperlink is initially quite brief, but when the
mouse is held over it, a longer piece of text comes up in explanation.) On
my homepage, I would like the text that comes after Web Page Analyser to be
in a balloon tip. (After all, it is only an ad., anyway)

--
Cheers,
Trevor L.




I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
T

Trevor L.

Diana,

Thank you and my apologies. I am getting quite confused between:
1.. Viewing WebPages
2.. Using FrontPage to achieve certain effects on a WebPage
and
3.. Coding in HTML to achieve the same effects
What you explained to me is "2. Using FrontPage etc. " - I will do as you have explained.
What I was trying to do is "3. Coding in HTML etc. "

What I did for the picture that changes to another picture is also 3. The code is available from the WebPage itself. In IE, you click on View then Source and the HTML is shown, usually in the Notepad Editor.

The entire HTML code "test mouseover.html" is attached. I assume it comes through to the newsgroup. If so, open it in Notepad or similar to read it. Otherwise use View Source as above.

This is the relevant part

<p><a href="#" onMouseover="document.myImage.src='images/Family Pictures.jpg'"
onMouseout="document.myImage.src='images/04-12-28 6 Trevor.JPG'">
<img src="images/04-12-28 6 Trevor.JPG" name="myImage" width="600" height="400"></a> </p>

Notes:
'images/04-12-28 6 Trevor.JPG' is the default and Mouseout picture
'images/Family Pictures.jpg' is the Mouseover picture
myImage must be the same in all 3 places.
(My image files are badly named because they have a lot of blanks - I will fix this later.)

To place this in the HTML code, click on HTML in the Page view in FrontPage and paste it in at the appropriate place.

--
Cheers,
Trevor



I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
D

DianaH

Hi Trevor. Thanks.
The html file you send didn't show the images ... just a red x, but I'm hoping I can figure it out, without the them.
Good luck with what I sent as well ... Let me know how you make out.
Diana
Diana,

Thank you and my apologies. I am getting quite confused between:
1.. Viewing WebPages
2.. Using FrontPage to achieve certain effects on a WebPage
and
3.. Coding in HTML to achieve the same effects
What you explained to me is "2. Using FrontPage etc. " - I will do as you have explained.
What I was trying to do is "3. Coding in HTML etc. "

What I did for the picture that changes to another picture is also 3. The code is available from the WebPage itself. In IE, you click on View then Source and the HTML is shown, usually in the Notepad Editor.

The entire HTML code "test mouseover.html" is attached. I assume it comes through to the newsgroup. If so, open it in Notepad or similar to read it. Otherwise use View Source as above.

This is the relevant part

<p><a href="#" onMouseover="document.myImage.src='images/Family Pictures.jpg'"
onMouseout="document.myImage.src='images/04-12-28 6 Trevor.JPG'">
<img src="images/04-12-28 6 Trevor.JPG" name="myImage" width="600" height="400"></a> </p>

Notes:
'images/04-12-28 6 Trevor.JPG' is the default and Mouseout picture
'images/Family Pictures.jpg' is the Mouseover picture
myImage must be the same in all 3 places.
(My image files are badly named because they have a lot of blanks - I will fix this later.)

To place this in the HTML code, click on HTML in the Page view in FrontPage and paste it in at the appropriate place.

--
Cheers,
Trevor



I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
C

Cowtoon

I somehow missed your post. I'll check that out. Thanks Pernilla.

I looked at your site. Very nice. The effect that you are showing is
similar to what I'm looking for, although I'm not after black and white.
Diana
 
T

Trevor L.

Diana,

Glad the code came through. If you go to http://tandcl.homemail.com.au/test mouseover.html my pictures will come up. To test for yourself on your local disk web, just put in references to your own pictures. They should be relative references, and you have to take care - well I had to - with the quoting (single and double quotes as in the HTML).

Re what you sent - it works fine. The code it generates is:
<a title="..[mouseover text].." href="[web reference]">..[printed text]..</a>

Very straightforward, but then I am new to this, so it is better if FP generates it directly.
-
Cheers,
Trevor L.


I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
D

DianaH

Just so you know I'm not ignoring all of this ... I've been busy doing other
stuff with (to do with the same web site that I'm wanting this for), and I'm
also working on the alternate images for the mouseover affect. I'll be too
busy to attack this until probably some time during the weeknd.
Thanks for the info.
Diana,

Glad the code came through. If you go to
http://tandcl.homemail.com.au/test mouseover.html my pictures will come
up. To test for yourself on your local disk web, just put in references to
your own pictures. They should be relative references, and you have to take
care - well I had to - with the quoting (single and double quotes as in the
HTML).

Re what you sent - it works fine. The code it generates is:
<a title="..[mouseover text].." href="[web reference]">..[printed
text]..</a>

Very straightforward, but then I am new to this, so it is better if FP
generates it directly.
-
Cheers,
Trevor L.


I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html
 
Top