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>

Advertisements