We help IT Professionals succeed at work.

onmouseover image pop up

2,817 Views
Last Modified: 2013-11-19
I'm already using the onmouseover  function in html/javascript to make a textbox pop up (using the wz_tooltip.js)  but I was wondering if it is also possible to make an image pop up and fix the position of that image to wherever I want onmouseover, and to make it go away on onmouseout?

My current onmouseover code:

<li class="simplerr"> <a href="article_01_1.html" onmouseover="Tip(txt2)" onmouseout="UnTip()"  class="simple_link_selected" id="two"> <span class="area_c">01</span> <span class="area_a"> MOVING FORWARD </span></a> </li>
   
Comment
Watch Question

This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
The solution below (using TagToTip) is slightly modified from the example I gave to your previous question (JavaScript tooltip show image).
<html>
<body>
   <script type="text/javascript" src="wz_tooltip.js"></script>
   <a href="index.html" onmouseover="Tip('this is a nice tip', BGIMG, 'Help.png')">test tip 1</a>
   <span id="spanTip"><img src="Help.png">&nbsp;</span>
   <a href="index.html" onmouseover="TagToTip('spanTip', BGCOLOR, 'none', BORDERWIDTH, 0)">test tip 2</a>
</body>
</html>

Open in new window

Help.png
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_23574091.html
.. was your previous question. Sorry. EE Rich Text links aren't working properly.
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.