CSS Codes
CSS Layouts

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery.magnifier.js">

/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
</head>

<body>

<img src="ocean.gif" class="imagewarp" data-magnifyby="2.5" style="width:200px; height:150px" />

<img src="forest.gif" class="imagewarp" data-magnifyby="4" data-magnifyduration="1000" />

</body>
</html>