[OpenLayers-Dev] Popup Changes

Pierre GIRAUD bluecarto at gmail.com
Fri Jan 18 10:45:56 EST 2008


I'm probably wrong to speak about "sliding doors". This is probably
different to what I would like to achieve.

For example, here is what GMap uses to build the popup using one
single image (in fact, there is another image for the shadow).
<img style="border: 0px none ; margin: 0px; padding: 0px; position:
absolute; left: 0px; top: 0px; width: 690px; height: 786px;
-moz-user-select: none;"
src="http://www.google.com/intl/en_fr/mapfiles/iw2.png"/>

Pierre

On Jan 18, 2008 4:25 PM, Paul Spencer <pspencer at dmsolutions.ca> wrote:
>
> On 18-Jan-08, at 10:07 AM, Pierre GIRAUD wrote:
>
> >>
> >> Second change: http://trac.openlayers.org/changeset/5716
> >>
> >> Started using images, but no alpha hack yet. While doing that (or
> >> maybe
> >> a little before), I put the image references in a hash to make them
> >> easier to deal with.
> >
> > Sorry, I didn't get a close look at the art design and images before,
> > but I know wonder why we don't deal with the well-known (hum, think
> > so) "sliding doors" effect [1] and manage only one image for the whole
> > popup, as GMap already does. [2]
> > Extjs also relies on such a technique for the buttons for example, and
> > it works well. One main advantage : less images to download at once.
> > I'll check that soon, and will tell you how difficult it is to get
> > this working.
>
> Pierre,
>
> I think the "sliding doors" technique requires at least two images and
> the technique is typically limited to resizing in one direction
> (either vertically or horizontally) and has to be fixed in the other
> direction based on the design of the images.  Not sure if this is a
> requirement here or not.
>
> Our design guy did come up with a way to resize both dimensions using
> four images, but I'm not sure if he got the technique to work (it
> wasn't in relation to OpenLayers, it was some other thing he was
> working on, but it could apply).  This is a bit more complicated to
> set up (div container, two more divs inside that have to be set up
> correctly to contain the sliding doors images, and two more images to
> make the missing corners) than sliding doors.
>
> Cheers,
>
> Paul
> __________________________________________
>
>     Paul Spencer
>     Chief Technology Officer
>     DM Solutions Group Inc
>     http://www.dmsolutions.ca/
>
>



More information about the Dev mailing list