Would having fixed size divs with overflow set to hidden or probably more simple centering the images as a background for the div, reduce the overlapping?
On Mon, May 3, 2010 at 2:21 PM, Chris Cage <[email protected]> wrote: > Thanks for the input so far. > > > > Doug: > > Handles would be great, but unfortunately the nature of the imagery is such > that it really isn’t an option. > > > > Bert: > > z-index swapping is actually what we are doing and it works just isn’t as > useable as we’d like. Here’s a little more detail. > > > > We are taking images and rotating them with Image Magick. The source images > have extra white space (transparent) around them. They all have to be the > same dimensions regardless of what the actual image is for alignment > purposes. Once we rotate them dynamically, the resulting image is much > larger than we would like it to be (dimensions – not file size). > > > > These images are then layered around a circle (charms on a charm bracelet) > but overlap quite a bit. In some cases, you can only get to a particular > image by hovering in a space that doesn’t seem to be part of the image (but > is because of the transparent canvas). > > > > We are highlighting the div holding the images on mouseOver so there is an > indication of which can be selected, it’s just still not as user-friendly as > we’d like. > > > > Thanks, > > Chris > > > > *From:* [email protected] [mailto: > [email protected]] *On Behalf Of *Doug Boude > *Sent:* Monday, May 03, 2010 9:48 AM > *To:* [email protected] > *Subject:* Re: [Refresh Austin: 5203] JavaScript triggering from images > > > > How 'bout implementing handles on the images so that draggability is > confined to a very specific area? > > On Mon, May 3, 2010 at 9:00 AM, Bert Grantges <[email protected]> wrote: > > If your not worried about effecting the appearance of the page, you could > do z-index swapping based on the OnMouseOver event of the div which would > make image selection easier. > > > > Bert > > ---------------------- > > Coming to you from my iPhone. Strange words to be expected. > > > On May 3, 2010, at 5:39 AM, Chris Cage <[email protected]> wrote: > > Hi folks, > > > > I have a question that I figured I’d shoot out to y’all just to see if > anyone has an idea. > > > > Using JavaScript and jQuery we are working on an interface that relies on a > lot of draggable actions. Our challenge is that we have images in divs that > are overlapping and becoming difficult to cleanly select. The images are > PNGs with transparent backgrounds, so they don’t ‘look’ like they overlap to > the user. > > > > Has anyone been able to select an item by either triggering off an images > opaque pixels or by triggering off an image map? Any other ideas? > > > > Thanks, > > Chris > > > > -- > Our Web site: http://www.RefreshAustin.org/ > > You received this message because you are subscribed to the Google Groups > "Refresh Austin" group. > > [ Posting ] > To post to this group, send email to [email protected] > Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters. > > [ Unsubscribe ] > To unsubscribe from this group, send email to > [email protected] > > [ More Info ] > For more options, visit this group at > http://groups.google.com/group/Refresh-Austin > > -- > Our Web site: http://www.RefreshAustin.org/ > > You received this message because you are subscribed to the Google Groups > "Refresh Austin" group. > > [ Posting ] > To post to this group, send email to [email protected] > Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters. > > [ Unsubscribe ] > To unsubscribe from this group, send email to > [email protected]<refresh-austin%[email protected]> > > [ More Info ] > For more options, visit this group at > http://groups.google.com/group/Refresh-Austin > > > > -- > Our Web site: http://www.RefreshAustin.org/ > > You received this message because you are subscribed to the Google Groups > "Refresh Austin" group. > > [ Posting ] > To post to this group, send email to [email protected] > Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters. > > [ Unsubscribe ] > To unsubscribe from this group, send email to > [email protected]<refresh-austin%[email protected]> > > [ More Info ] > For more options, visit this group at > http://groups.google.com/group/Refresh-Austin > > -- > Our Web site: http://www.RefreshAustin.org/ > > You received this message because you are subscribed to the Google Groups > "Refresh Austin" group. > > [ Posting ] > To post to this group, send email to [email protected] > Job-related postings should follow http://tr.im/refreshaustinjobspolicy > We do not accept job posts from recruiters. > > [ Unsubscribe ] > To unsubscribe from this group, send email to > [email protected]<refresh-austin%[email protected]> > > [ More Info ] > For more options, visit this group at > http://groups.google.com/group/Refresh-Austin > -- Warren -- Our Web site: http://www.RefreshAustin.org/ You received this message because you are subscribed to the Google Groups "Refresh Austin" group. [ Posting ] To post to this group, send email to [email protected] Job-related postings should follow http://tr.im/refreshaustinjobspolicy We do not accept job posts from recruiters. [ Unsubscribe ] To unsubscribe from this group, send email to [email protected] [ More Info ] For more options, visit this group at http://groups.google.com/group/Refresh-Austin
