This Question have 3 answers right now.

Google Maps style scrolling anyone?

Question!

I am looking for some JavaScript plugin (preferably jQuery) to be able to scroll through an image, in the same way that Google Maps works.

I can make the image draggable but then I see the whole image while dragging even if the parent div is overflow:hidden.

Any help would be greatly appreciated!



Answers

For a good description of the underlying technology have a look at Chapter 4 (if I recall correctly) of the Pragmatic Programmers' book Pragmatic Ajax.

You'll see how the image slicing and dicing works under the covers. And the zooming.

By : Rob Wells


(I'm super late to this now dead party, but hey, I found this page via a search so...)

Scrollview plugin suggested by mooware didn't work for me.

However Dragscrollable did: http://plugins.jquery.com/project/Dragscrollable

Try out the demonstration

By : Dominic


I may be a little late to the party, but I was just looking for the same thing. What I stumbled upon is scrollview for jquery, it works perfect and does exactly this google maps-like drag-to-scroll for overflowed divs.

By : mooware


Video about Google Maps style scrolling anyone?