Ajax draggable image (google maps style)
Posted on 2009-05-06
He has several hi-res images that he would like to use for a website and he wants to display them in a small div in a website (let's say 600px by 400px) and use the same functionality of google maps where you can just drag the map - image in our case - to view the rest of the image that is not being displayed in the visible div.
I won't ask for any of you experts to write me a tutorial or the code to acomplish what we need - if you want to do such a thing well... I won't complaint at all... LOL - What I actually need is for you to point me in the right direction.
Should I try with Scriptaculous, Mootools, Jquery?
Which kind of effects from those libraries should I use?
Is there a script that already does that?
Or even better... is there a plugin, extension or component for a CMS that does that and that we can use so he can actually update the contents of the site on his own?
We're probably going to use Wordpress, and as far as I know there aren't any plugins to do this and I'm not sure if I can make it so that everytime he creates a new post or a new page in wordpress I could make any image displayed in this way automatically...
But if you know of any other CMS that already has a plugin, extension or component that can provide us with this functionality we well be happy to give a try... We haven't made a final decision on Wordpress so there's flexibility.
Thanks in advance for your help.