FrontPage Programming - OT: background swapping was: Hot spots on a floor plan

Author

OT: background swapping was: Hot spots on a floor plan

Mike Mueller

2007-03-09, 3:33 am

Will it actually work thi sway?

I had played with something similiar a year or so ago, but instead I had a
background gradient for the quiescant state and swapped over to a background
color on hover. Too many alignment issues-- maybe the pages are still on
line and I can post tomorrow
The other difference was that instead of a plain transparent gif, I did a
gif of an astandard font in blue and used a black background- the blue then
got indexed and made transparent.

"Murray" <forums@HAHAgreat-web-sights.com> wrote in message
news:%23DFw$JNYHHA.3848@TK2MSFTNGP02.phx.gbl...
> No. The foreground image is a transparent GIF image to house the hotspot.
> And the container has the non-highlighted image as a background. What you
> will be doing is triggering a swap of the background image behind the
> hotspot.
>
> The background image has *all* the floor elements highlighted on it. By
> swapping the background image behind the hotspot you are clipping away
> everything except the highlighted area the corresponds to the dimension of
> the hotspot, resulting in what appears to be a rollover.
>
> It's not something that I would really use except in special cases -
> having two large background images can be messy....
>
> --
> Murray
> --------------
> MVP FrontPage
>
>
> "Thomas A. Rowe" <tarowe@mvps.org> wrote in message
> news:eY8mZDNYHHA.4308@TK2MSFTNGP05.phx.gbl...
>
>

Murray

2007-03-09, 6:16 pm

Yes, it works. Alignment is definitely tricky, though.

Swapping and positioning backgrounds is a great way to accomplish your
button rollovers. For example -

http://66.165.96.233/page2.php

The opening doors are all on a single background image

http://66.165.96.233/images/doors-bkg.gif

and they are simply CSS positioned behind the associated link.

Or did I show you this before?

--
Murray
--------------
MVP FrontPage

"Mike Mueller" <me@my.domain.com> wrote in message
news:eosvdjgYHHA.596@TK2MSFTNGP06.phx.gbl...
> Will it actually work thi sway?
>
> I had played with something similiar a year or so ago, but instead I had a
> background gradient for the quiescant state and swapped over to a
> background color on hover. Too many alignment issues-- maybe the pages are
> still on line and I can post tomorrow
> The other difference was that instead of a plain transparent gif, I did a
> gif of an astandard font in blue and used a black background- the blue
> then got indexed and made transparent.
>
>
> "Murray" <forums@HAHAgreat-web-sights.com> wrote in message
> news:%23DFw$JNYHHA.3848@TK2MSFTNGP02.phx.gbl...
>
>

Paul H

2007-03-10, 6:16 pm

Is this something I should be able to do, just using FP2002? The colors
below the doors do what I want. I did not see that in the door example you
provided. Thanks, Paul

"Murray" <forums@HAHAgreat-web-sights.com> wrote in message
news:eRrwZQkYHHA.4940@TK2MSFTNGP05.phx.gbl...
Yes, it works. Alignment is definitely tricky, though.

Swapping and positioning backgrounds is a great way to accomplish your
button rollovers. For example -

http://66.165.96.233/page2.php

The opening doors are all on a single background image

http://66.165.96.233/images/doors-bkg.gif

and they are simply CSS positioned behind the associated link.

Or did I show you this before?

--
Murray
--------------
MVP FrontPage

"Mike Mueller" <me@my.domain.com> wrote in message
news:eosvdjgYHHA.596@TK2MSFTNGP06.phx.gbl...
> Will it actually work thi sway?
>
> I had played with something similiar a year or so ago, but instead I had a
> background gradient for the quiescant state and swapped over to a
> background color on hover. Too many alignment issues-- maybe the pages are
> still on line and I can post tomorrow
> The other difference was that instead of a plain transparent gif, I did a
> gif of an astandard font in blue and used a black background- the blue
> then got indexed and made transparent.
>
>
> "Murray" <forums@HAHAgreat-web-sights.com> wrote in message
> news:%23DFw$JNYHHA.3848@TK2MSFTNGP02.phx.gbl...
>
>