New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

<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=""></script>

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

* Simple Image Panner and Zoomer- (c) Dynamic Drive DHTML code library (
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at for this script and 100s more



<div class="pancontainer" data-orient="center" style="width:400px; height:300px;">
<img src="" style="width:700px; height:525px" />