Highlighting 3 elements at the same time...

Question

Please let me know if this is do-able, and if so, how.
Picture a newspaper column : there's a picture on top,
followed by text
underneath, and some padding all around displaying only a
paper-textured
background image.
MouseOver *any* portion of the column (the image, the text,
or empty
portions with just the background) and all 3 elements light
up.
Meaning :
1. Background image either changes, or gets overlayed by a
half-transparent
white PNG.
2. The picture at the top of the column probably goes from
85% opaque to
100%
3. Text changes color (to white)
All 3 elements must change simultaneously, no matter WHERE
the cursor
happens to be positioned inside the column (it can't be just
the text). And
of course, everything goes back to normal when mouse exits.
Extra points if this can be a quick fade in/out, or if the
method works in
both a table cell or a div. But those aren't requirements.
Thanks.

Answer 1

Have you seen an example of this anywhere on the web? If yes,
please post a
url.
I'm guessing this would be done with an image swap on
mouseover - meaning
the text wouldn't be text, but part of an overall image with
those 3
elements in it. Not exactly web friendly because text in
images can't be
read by search engine bots or web assisting devices. But it
could create
the desired effect.
To highlight the image on mouseover (from dull to full
opacity) try this
script from Dynamic Drive.
www.dynamicdrive.com/dynamicindex4/image5.htm
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Mike J.S." <[email protected]> wrote in message
news:fceq1f$j41$[email protected]..
> Please let me know if this is do-able, and if so, how.
>
> Picture a newspaper column : there's a picture on top,
followed by text
> underneath, and some padding all around displaying only
a paper-textured
> background image.
>
> MouseOver *any* portion of the column (the image, the
text, or empty
> portions with just the background) and all 3 elements
light up.
>
> Meaning :
>
> 1. Background image either changes, or gets overlayed by
a
half-transparent
> white PNG.
> 2. The picture at the top of the column probably goes
from 85% opaque to
> 100%
> 3. Text changes color (to white)
>
> All 3 elements must change simultaneously, no matter
WHERE the cursor
> happens to be positioned inside the column (it can't be
just the text).
And
> of course, everything goes back to normal when mouse
exits.
>
> Extra points if this can be a quick fade in/out, or if
the method works in
> both a table cell or a div. But those aren't
requirements.
>
> Thanks.
>
>
>