<script type="text/javascript">

var akcja;
var x, y;

function pozycja(e)
{
    akcja = 1;

    x = e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft);
    y = e.clientY+(document.documentElement.scrollTop||document.body.scrollTop);

    document.getElementById('x').innerHTML=x;
    document.getElementById('y').innerHTML=y;
}

function przesuwanie(e)
{
    var x2, y2;

    if( akcja == 1 )
    {
        x2 = e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft);
        y2 = e.clientY+(document.documentElement.scrollTop||document.body.scrollTop);

        document.body.scrollLeft = x+(x2-x);
        document.body.scrollTop = y+(y2-y);



        document.getElementById('x').innerHTML=x2;
        document.getElementById('y').innerHTML=y2;
    }
}

</script>

<div style="position:fixed"><b>x</b><div id="x">0</div><br /><b>y</b><div id="y">0</div></div>

<img src="./a.gif" style="top:100px;left:120px;position:relative" />


<img src="./mappa.png" onMouseDown="pozycja(event)" onMouseMove="przesuwanie(event)" onMouseUp="akcja=0" />