Panning around inside a div?

D4VE · 20 May 2006 at 14:01

Hi folks,

I have a div with a pic in it which is too large, so there are scrollbars. This is done on purpose. I want the user to be able to drag or pan the image around in addition to using the scrollbars.
Is this possible?

Thanks!

Dave

robmiller · 20 May 2006 at 16:26

It's possible as far as I can imagine, but it'd be pretty complex. You'd be best off adapting an existing drag-and-drop script and modifying it so that it scrolls the div rather than moves the element.

Gman · 20 May 2006 at 17:42

bit of a long shot but could you use a transpart div as a sort of a mask. and use some buttons linked to some javascript which when clicked changes the position of the image div so its position moves under the mask. Bit like a roleover you'd use for an image link.

But like Rob said a better way would be to alow the user to drag the image.

D4VE · 22 May 2006 at 11:27

Hi guys thanks for the replies, here is the page in question:
http://www.hairbypietro.co.uk/findus.html

Basically when you click zoom, the map zooms in and it would be good to be able to pan around. Maybe Ill try modifying a script, or perhaps some other trick...

Beansprout · 22 May 2006 at 11:35

Use the Google Maps API

Mr_L · 22 May 2006 at 11:37

You mean like google maps? There is an example on this page.

Google Maps API

You could use that if you can put up with the Google logo on the website.

Edit: Beaten like a bitch.