CSS Codes
CSS Layouts

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

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

/***********************************************
* Image Power Zoomer- (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>

<script type="text/javascript">

jQuery(document).ready(function($){ //fire on DOM ready
//usage: $(selector).addpowerzoom(options)
$('#myimage').addpowerzoom()
})

</script>
</head>

<body>

<img id="mymage" src="ocean.gif" style="width:200px; height:150px" />

</body>
</html>