There is no way to do this with simple image rollovers. You
would have to
do it either with custom javascript, or using some tricky
layer work. For
example:
1. Create a layer for each "click" image that fits snugly
around the image.
2. Place it on the page so that it is exactly superimposed
over the
original image.
3. Hide it.
4. Use your normal rollover on the original image.
5. Add an onclick event that SHOWS the hidden layer.
The effect will then be that the rollover works until the
image is clicked,
revealing the hidden layer and showing the superimposed
"click" image, which
masks the original rollover image.
The difficulties you may encounter with this approach -
1. If your page is a centering page, the layers (absolutely
positioned
containers) will not center along with the page. You will
have to take
additional steps to make this happen (wrap the entire page in
a relatively
positioned, centering div - now everything will move as a
unit).
2. If you do not take care to avoid placing the layers
directly into a
table cell, you will encounter rending problems in some
browsers. Since the
layers are absolutely positioned on the screen, it doesn't
matter where
their code appears on the page (subject to the above
restriction), so you
can just move the code for them to the bottom of the markup
(immediately
above </body>)
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"reelhero" <webforumsuser@macromedia.com> wrote in
message
news:gmar2b$ef6$1@forums.macromedia.com...
>I created a page with rolllovers
>
>
http://www.toddheymandirector.com/spots/index2.html
>
> on each thumb below the movie, I set the swap image on
mouseover behavior
> to
> a different gif. And I set it to restore image when
mouse out. works fine.
>
> when i try to add an onlick behavior so when i click it
changes to a third
> image and not restore images on mouseout (so it will
stay on the clicked
> image)
> it changes the mouseover to not restore as well.
>
> i can make it appear as it it stays on the "clicked"
image by linking it
> to a
> page that has that image (hit the FDIC thumb) but then
the page reloads
> and my
> ultimate goal is to get all the movies playing
subsequently on the same
> page,
> unless you click on a different thumb to interrupt, as
here:
>
>
http://www.rsafilms.com/d/rsa/companies/rsa-us/64
>
> second question is, how is this done?
>
> thanks
>