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.