How to do this?

[Kallio Meri]

Hello all

I have no idea how to do what I want. I'm creating an image for the first
page of a photography gallery with CorelDraw. I would like parts of the
image work as links to individual galleries (eight in number). I would also
like each selected link area to change from a circle with text into a round
image when the cursor is placed over it. The image will be different in each
link.

Preferably, I would like the the link change from a circle with text into a
round image in slow-motion/gradually.

If I only had one link, I know it's possible to make a link of only a part
of an image (even though I don't know how yet) and I'm also aware of a
simple JavaScript that makes the image change when the cursor is placed over
it. I would just make two version of the whole image. But how to do this
with eight link areas in the same picture?

Many thanks in advance.

Meri

[Mark Johnson]

"Kallio Meri" <ka********@nospamhotmail.com> wrote:

Hello all

I have no idea how to do what I want. I'm creating an image for the first
page of a photography gallery with CorelDraw. I would like parts of the
image work as links to individual galleries (eight in number). I would also
like each selected link area to change from a circle with text into a round
image when the cursor is placed over it. The image will be different in each
link.

Sounds more like a job for Macromedia Flash. You can use it to fade
opacity, 'tween' movement, and whatever else.

I suppose without resorting to animated gif, you could use the IE
directX opacity filter. But, sounds more like a job for Flash.

[Harlan Messinger]

"Kallio Meri" <ka********@nospamhotmail.com> wrote in message
news:c6**********@reader08.wxs.nl...

Hello all

I have no idea how to do what I want. I'm creating an image for the first
page of a photography gallery with CorelDraw. I would like parts of the
image work as links to individual galleries (eight in number). I would also like each selected link area to change from a circle with text into a round image when the cursor is placed over it. The image will be different in each link.

Preferably, I would like the the link change from a circle with text into a round image in slow-motion/gradually.

If I only had one link, I know it's possible to make a link of only a part
of an image (even though I don't know how yet) and I'm also aware of a
simple JavaScript that makes the image change when the cursor is placed over it. I would just make two version of the whole image. But how to do this
with eight link areas in the same picture?

See the thread that started just a couple of hours earlier than yours, "Link
rollovers with unsliced images".

[Lauri Raittila]

In article Mark Johnson wrote:

"Kallio Meri" <ka********@nospamhotmail.com> wrote:

Hello all

I have no idea how to do what I want. I'm creating an image for the first
page of a photography gallery with CorelDraw. I would like parts of the
image work as links to individual galleries (eight in number).
Client side imagemap. URL would help more BTW.
I would also
like each selected link area to change from a circle with text into a round
image when the cursor is placed over it.

If I understood you correctly, you have image with only 8 cirles with
text in one image? That's not good, it is better to slice image to 8
parts.
The image will be different in each link.
So you certainly don't need flash.
Sounds more like a job for Macromedia Flash. You can use it to fade
opacity, 'tween' movement, and whatever else.
Just because you can do it with Flash, don't make it only, nor good
choise. In this case JS is much better option, as then links will work
always, and fancy transient if JS is enebled. In flash case, it don't
work when flash is not enabled/installed and if it works, it prevents you
from using your browsers normal surfing methods.
I suppose without resorting to animated gif, you could use the IE
directX opacity filter. But, sounds more like a job for Flash.

No need for animated gif, even if that is one possibility. More likely,
few partially transparent png's and JS. Maybe IE opacity filters for
dressing as IE don't support png.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä