By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
432,510 Members | 1,815 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 432,510 IT Pros & Developers. It's quick & easy.

Dragging Images in fixed DIVs like Google Maps

P: n/a
I am looking for a javascript solution to drag a series of images
(along the horizontal axis only) within a fixed div to give the same
drag effect of Google Maps. Here are the requirements:

The div will be fixed, and its only display purpose is to give the
preception of a "viewport" or window with its border. A variable number
of images will be displayed inside the div. They will be aligned in a
horizontal series, side by side, with some padding. Their dimensions
will be resized to a fixed width and height. If the number of images
inside the div exceeds the viewable space, instead of displaying a
horizontal scroll bar, the javascript function will allow the user to
click anywhere inside the div and, while holding down the mouse button,
horizontally scroll the images within the div left and right. This
dragging would ideally mimic that found on Google Maps but only along
the horizontal axis. If alt text could be enabled for each image, that
would be ideal as well.

Has anyone done or seen this? I could use ideas/help/examples if you
are willing to share. Thanks.

Jan 15 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a
http://www.walterzorn.com/dragdrop/dragdrop_e.htm

might be of help. check it carefully because i think it has the
horizontal stuff too.

Jan 15 '06 #2

P: n/a
Another library with drag support (as well as drop zones) is
script.aculo.us

http://script.aculo.us/

Nic

Jan 16 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.