Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 199
  • Last Modified:

mousover text to create an alt like image

what i'd like to have is when i mouse over a text link, then it will show an image in a similar way to what an alt take does with an image.
basically reverse the roles.
mouse over text, image pops up where mouse is. mouse out, image disappears.

can someone help me with this.

thanks
0
paulp75
Asked:
paulp75
  • 4
  • 2
1 Solution
 
BatalfCommented:
You wan't the "alt" functionality for a link? Use the title attribute

<a href="whatever.html" title="MOuseover text">Link</a>
0
 
BatalfCommented:
Sorry, misread. Maybe it's something like this you're looking for.

<a href="#" onclick="return false" onmouseover="document.getElementById('yourImage').style.display='inline'"  onmouseout="document.getElementById('yourImage').style.display='none">LInk</a><br>
<img id="yourImage" src="image.gif" style="display:none">
0
 
paulp75Author Commented:
its very close.
but i'd like it to be able to not have an effect on the text.
so that i would be able to have many listings.
and when i mouse over the listing it will just pop out the image like an "alt" tag does on a image.
also the mouse out wasnt working
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
BatalfCommented:
Maybe this will help

<span onmouseover="document.getElementById('myDiv').style.display='inline'" onmouseout="document.getElementById('myDiv').style.display='none'">LInk</span><br>
<div id="myDiv" style="display:none;position:absolute"><img id="myImage" src="word_icon.gif"></div>
<span onmouseover="document.getElementById('myDiv2').style.display='inline'" onmouseout="document.getElementById('myDiv2').style.display='none'">LInk</span><br>
<div id="myDiv2" style="display:none;position:absolute"><img id="myImage" src="word_icon.gif"></div>
0
 
paulp75Author Commented:
brilliant.
thanks very much.
0
 
BatalfCommented:
Glad I could help!

Thanks for the "A"

Batalf
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now