HighDots Forums  

How to do this?

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss How to do this? in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Kallio Meri
 
Posts: n/a

Default How to do this? - 04-30-2004 , 05:46 AM






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



Reply With Quote
  #2  
Old   
Mark Johnson
 
Posts: n/a

Default Re: How to do this? - 04-30-2004 , 07:00 AM






"Kallio Meri" <kalliomeri (AT) nospamhotmail (DOT) com> wrote:

Quote:
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.



Reply With Quote
  #3  
Old   
Harlan Messinger
 
Posts: n/a

Default Re: How to do this? - 04-30-2004 , 10:03 AM




"Kallio Meri" <kalliomeri (AT) nospamhotmail (DOT) com> wrote

Quote:
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".



Reply With Quote
  #4  
Old   
Lauri Raittila
 
Posts: n/a

Default Re: How to do this? - 05-01-2004 , 06:15 AM



In article Mark Johnson wrote:
Quote:
"Kallio Meri" <kalliomeri (AT) nospamhotmail (DOT) 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.

Quote:
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.

Quote:
The image will be different in each link.
So you certainly don't need flash.

Quote:
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.

Quote:
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ä


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.