You can do the zoom image by mousehover using jQuery. The complete code is as following,
<html>
<title>Image Zoom Mousehover</title>
<style type="text/css">
div{display:inline}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#I1").mouseover(function(){
$("#Img1").animate({height:300,width:300},"fast");
});
$("#I1").mouseout(function(){
$("#Img1").animate({height:100,width:100},"fast");
});
});
</script>
<body>
<div id="I1" style="removed:absolute; z-index:10;">
<img id="Img1" src="foo.jpg" style="position:relative; z-index:10;" width="100" height="100">
</img></div>
</body>
</html>