Mouseover for switching between text and picture

K

Kerstin

Hi,

sorry, but I am not familiar with Javascript.

I want to use the mouseover effect for changing a name of a person to its
picture.
In the web I have only found examples for switching text to text or picture
to picture.
Is it possible to match the solutions?

Thank you very much for any hint
Kerstin

------
<script language="JavaScript">

<!--

button1= new Image();

button1.src = "B1.jpg"

button2= new Image();

button2.src = "KS.png"

/* usw. für alle Grafiken,

die am Mouse-Over-Effekt beteiligt sind */

//-->

</script>



</head>



<base target="Hauptframe">

<p><body"></p>

<p align="left">

<a href="Kerstintest.htm" onmouseover="austausch1.src='B1.jpg';"
onmouseout="austausch1.src='KS.jpg';">



<img src="KS.jpg" border="0" name="austausch1" width="300" height="150"></a>
 
S

Stefan B Rusynko

You will need a blank (empty) image the same size as the person's image as a placeholder
- then use a normal image replacer script to display the picture on mouse over the text

See http://www.dynamicdrive.com/dynamicindex15/index.html

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
_____________________________________________


| Hi,
|
| sorry, but I am not familiar with Javascript.
|
| I want to use the mouseover effect for changing a name of a person to its
| picture.
| In the web I have only found examples for switching text to text or picture
| to picture.
| Is it possible to match the solutions?
|
| Thank you very much for any hint
| Kerstin
|
| ------
| <script language="JavaScript">
|
| <!--
|
| button1= new Image();
|
| button1.src = "B1.jpg"
|
| button2= new Image();
|
| button2.src = "KS.png"
|
| /* usw. für alle Grafiken,
|
| die am Mouse-Over-Effekt beteiligt sind */
|
| //-->
|
| </script>
|
|
|
| </head>
|
|
|
| <base target="Hauptframe">
|
| <p><body"></p>
|
| <p align="left">
|
| <a href="Kerstintest.htm" onmouseover="austausch1.src='B1.jpg';"
| onmouseout="austausch1.src='KS.jpg';">
|
|
|
| <img src="KS.jpg" border="0" name="austausch1" width="300" height="150"></a>
|
|
 

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