I am looking for help with code telling how to have an image pop up when I move the cursor over a certain piece of text. I have found a lot of help if I wanted to do the traditional image change/mouse rollover, basically one image to another. I just can't find code to go from text to an image. I also need to be able to set the image size. I am using a web page as a mini database, because I will have a list of names and when I move the cursor of the text the images will appear. I have a link below showing exactly what I want to do. I looked through the page's source code but it did not show all the code.
I have edited your post and removed your email address.
You should never post your email address in an open post on an open forum. Mail spam bots can pick that up and before you know it, your mailbox is full of junk mail. If you wish to share your email address with other forum members, please do so via our PM system.
In addition, we prefer all answers to questions be publically posted rather than sent via EMail or PM. That way, everyone with a similar problem can benefit.
Thanks.
I don't answer coding questions via PM or Email. Please post a thread in the appropriate forum section.
Please use [Code]your code goes in here[/Code] tags when posting code.
Before posting your question, did you look here?
Got a question on Linux? Visit our Linux sister site. Modifications Required For VB6 Apps To Work On Vista
I have been looking for the code on how to do text to images and text to pop up text windows as well, is there anyway that I can get a copy of the code?
Here is an attached code for how to achieve the popup on rollover.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image Popup test</title>
</head>
<body>
<a href ="http://www.despatch.com/thermal-us/sResults.aspx?sterm=batch" onmouseover="return escape('<img src=\'images/batch1.jpg\'> ')">Despatch Batch Products</a>
<!-- This has to be placed right before the </body> tag -->
<script language="JavaScript" type="text/javascript" src="js/wz_tooltip.js"></script>
</body>
</html>
I have attached the entire file together with the wz_tooltip.js file to this post.
You can set the image width and height in the javascript source file.
Reply With Quote
Bookmarks