Member Avatar for coollife

http://www.braiform.com/Menu-Two/Hanger-Catalogue/?id=29

check the above website . on mouse over of any image a pop up appears and displays the image information i want to achieve the same thing in my project

Please tell me which language is used for this purpose and how to do that.

  • 2 Contributors
  • 4 Replies
  • 257 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by coollife
Member Avatar for latha m n 
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>lance</title>
</head>
<body>
<script type="text/javascript">        
function show(_this) 
{
    document.getElementById("enlarge_images").innerHTML = "<img src='" + _this.src + "'+'width=416 height=188' >";
}
function hide(_this) 
{
    document.getElementById("enlarge_images").innerHTML = "";
}
function move_layer(event)
{
 event = event || window.event;
 enlarge_images.style.left=event.clientX+document.body.scrollLeft+10;
 enlarge_images.style.top=event.clientY+document.body.scrollTop+10;
}
document.onmousemove = move_layer;
</script>
    <form id="form2" runat="server">
        <div align="center" style="overfow: hidden; width: 100px; height: 100px">

            <img src="image/gdse.gif" width="208" height="70" border="2" onmouseover="show(this)" onmouseout="hide(this)" />

        </div>
        <div id="enlarge_images" style="position: absolute; z-index:2"></div>
    </form>
</body>
</html>
Edited by Reverend Jim because: Fixed formatting
Member Avatar for latha m n

Use this code it wil help you to solve your Problem

Member Avatar for coollife

madam did u checked the link of the website i have given.

Will ur code displays the information regarding the image in another small window

Member Avatar for coollife

Madam what the code is doing is just displaying the image on mouse over the image, i mean its not displaying anything just showing the image again . please help me in displaying some text in the pop up image . Thank u

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.