Ho fatto una prova, ma non va, però ti rendo l'idea:
codice:
<html>
<head>
<style type="text/css">
    div.container {
    overflow: hidden;
    width: 480px;
    height: 500px;
    border:black solid 1px;
    }
	
    .foto{
    position: absolute;
    left:-70px;
    top:-300px;
}
</style>
    
<script>
    var mouseisdown = false
    var x, y;
    var posX = 0, posY = 0;
    function pressed(p, evt)
    {
      mouseisdown = p;
      
      x = evt.clientX - posX;
      y = evt.clientY - posY;
    }
    
    function scroll(el, evt)
    {
      if(mouseisdown)
      {
        posX = evt.clientX - x;
        posY = evt.clientY - y;
        el.style.Position= posX+"px" + " " + posY+"px";
      }
    }
</script>

</head>
<body>

<div class="container" >[img]hyboria.jpg[/img]</div>
</body>
</html>
In questo modo se aggiungo la mappatura dell'immagine dovrebbe funzionare...spero :P