page:
<script language="javascript" type="text/javascript">
function showLarge(img){//onmouseover img.οnmοuseοver=function(event){ event = window.event; var ei = document.getElementById("enlarge_images"); ei.style.display = "block"; ei.innerHTML = '<img src="' + img.src + '" />'; ei.style.top = document.body.scrollTop + "px"; ei.style.left = document.body.scrollLeft + 20 + "px"; ei.style.width=150+"px"; } } function quit(){//onmouseout var ei = document.getElementById("enlarge_images"); ei.innerHTML = ""; ei.style.display = "none"; }
</script>
<style> #enlarge_images{position:absolute;display:none;z-index:2;} </style>
<img src='<%=ul2%>' οnmοuseοver="showLarge(this)" οnmοuseοut="quit()" style = "width:50px ; height:50px " />
<div id="enlarge_images"></div>