We can use the below code to show an image in the mouseover of an another image.
<img src=”images/cvv2_small.gif” style=”vertical-align:top;cursor:pointer;” border=”0″ onmouseover=”ShowBigImage();” onmouseout=”ShowDefaultImage();” />
<div id=”LargeImageDiv” style=”position:absolute;z-index:100″></div>
<script type=”text/javascript”>
function ShowBigImage()
{
document.getElementById(“LargeImageDiv”).innerHTML = “<img src=’images/largecard.gif’>”;
}
function ShowDefaultImage()
{
document.getElementById(“LargeImageDiv”).innerHTML = “”;
}
</script>
August 13, 2010 at 6:43 am
hi,
Nice post was helpful keep posting .
adios,
Giri.
August 19, 2010 at 9:53 am
Hi Vidhya,
Nice post was helpful n got to know new things.
keep up the job.
adios,
Giri.
November 12, 2011 at 12:29 pm
You made my design easily,,,this what I was looking for…great
July 23, 2018 at 8:13 am
thanks