<style type="text/css">

/*Default CSS for pan containers*/
position:relative; /*keep this intact*/
overflow:hidden; /*keep this intact*/
border:1px solid black;

.pancontainer .zoomcontrols{ /* default CSS class for magnify controls within container */
width: 30px;
height: 30px;
background: #eee;
border: 1px solid gray;


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

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

* Simple Image Panner and 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



<div class="pancontainer" data-orient="center" style="width:400px; height:300px;">
<img src="http://i44.tinypic.com/1hezvm.jpg" style="width:700px; height:525px" />