GoogleMaps-like behavior with a large image
How can I move a large image with drag and drop in a smaller DIV?
Like the drag and drop of the Google maps.
URL to my live demo: http://www.kolchose.org/demo/v9/
This is my JS:
$(document).ready(function(){
$(".image").draggable();
$(".image").css('z-index', 1);
});
And this my HTML:
<body style="position:static">
<div id="wrapper" style="height:400px; width:400px; display:block;
overflow:hidden; z-index:99">
<div class="image" style="z-index:1">
<img src="panorama.jpg" />
</div>
</div>
</body>