473,654 Members | 3,109 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Dragging Images in fixed DIVs like Google Maps

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
2 3096
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
Another library with drag support (as well as drop zones) is
script.aculo.us

http://script.aculo.us/

Nic

Jan 16 '06 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
1960
by: stan k. | last post by:
First of all let me clarify - I am not talking about having a bunch of images loaded all at once (or preloaded) and then controlling the display of the images after that point -- I know that can be done. I am talking about controlling the loading of those images themselves. I was told that the only way to do this was to dynamically write the html code via javascript and put time delays inbetween the dynamic creation of that html such as:
6
6197
by: Robert J. O'Hara | last post by:
I'm one of those people who practices what some consider "dull" and others consider "elegantly conservative" page design. I appreciate good traditional typography and standards-compliant liquid displays, and I only reluctantly experiment with two-column layouts from time to time. One component of traditional book typography has always been the figure/caption combination. I haven't been following discussion on this topic for a year or...
20
3136
by: Roberto | last post by:
Hallo, I'm building a page that wants to respect XHTML 1.0 strict and CSS2 specifics. In this page I have to present thumbnails arranged to cover the entire width of the window, but there are problems that are easier to see than to explain... http://www.wildzone.it/stage/thumbs/thumbs.php?galleria=samburu the CCS code is readable in a click. The document is correct in his xhtml and css sintax, and the code has been completely cleared from...
6
1650
by: JimInOC | last post by:
Does anyone have any idea as to how google loads pieces of images together so as you drag new image pieces are loaded from the server? I haven't had much luck finding any articles on it. thanks
2
1551
by: louloizides | last post by:
I'm trying to drag a bunch of images in a Google maps-esque style. The javascript is pretty simple, but whenever I go and drag over a large image the image toolbar comes up in IE and the image looses focus. How do I get around this? Is there a way to disable that toolbar?
9
2514
by: Troy Piggins | last post by:
If I use the code: ----- <div style="text-align: center;"> <a href="photos.php?img=xx1.jpg"> <img src="xx1.jpg" style="padding: 10px;" /> </a> <a href="photos.php?img=xx2.jpg">
2
2085
by: M | last post by:
Could anyone please help me out? I am working on a new Intranethomepage for our company, and I really, really would like to make something similar to http://www.google.nl/ig? hl=nl . There you can reposition de DIVs and their content and the position is written in a cookie. What I like to do is make ons page (no tabs) with several items which one could reposition and that the positions are written in a personalised database record.
5
2004
by: malik.mayank | last post by:
I am new to CSS and I want to have a fixed width web page that covers the entire area on the browser window. Something like http://maps.google.com I want the height to be equal to browser window... not 100% How can I accomplish that? Thanks in advance for all the help.
5
13348
matheussousuke
by: matheussousuke | last post by:
Hello, I'm using tiny MCE plugin on my oscommerce and it is inserting my website URL when I use insert image function in the emails. The goal is: Make it send the email with the URL http://mghospedagem.com/images/controlpanel.jpg instead of http://mghospedagem.comhttp://mghospedagem.com/images/controlpanel.jpg As u see, there's the website URL before the image URL.
0
8285
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8706
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8475
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
7304
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
4149
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4293
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2709
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1915
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1592
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.