ROLLOVER WITH DROP SHADOW- a real PITA

Hi all,

Ok Im building a site and trying to get a image (polaroid) that is on its own layer, above the background image and table, that is capable of having a simple rollover action applied to it and internal hyperlink to another page in the site!

However I want the image to be a path/mapped area as the shape is not square, I.E the polaroid is tilted.

I have tried saving the image as a PNG as it has a drop shadow in photoshop, when I get the graphic file it defaults to its size 200x200 etc. The poloraid is tilted within this 200x200 box I want to map the image (polaroid) so that when the (polaroid) is rolled over NOT the 200x200 box the rollover not only works! But will also have a link applied to it, when I try this with a graphic item the alt text name appears once FTP’d??? any help?

To see what Im trying to achieve:

www.chriswalmsley.co.uk/clients/ea

This is a proving to be a real PITA!

Any other solutions?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 17/1/08 (at 05:01 -0500) Mr worm said:

I have tried saving the image as a PNG as it has a drop shadow in
photoshop, when I get the graphic file it defaults to its size
200x200 etc.

Just an aside: as you’re using Freeway Pro you can import native
Photoshop (.psd) documents; you don’t have to save as PNG in order to
import and use transparency.

The poloraid is tilted within this 200x200 box I want to map the
image (polaroid) so that when the (polaroid) is rolled over NOT the
200x200 box the rollover not only works! But will also have a link
applied to it

If your graphics are combining into one composite image when
published, then the rollover code can only apply to the whole thing.
This is because JavaScript rollovers simply replace one image with
another; they can’t replace part of an image.

One approach to doing what you want is to slice your image into parts
that are shown as one whole in the web page but can be treated as
individual parts by rollover code.
Now, when stated this way it probably sounds like you need to use the
laborious and slightly fragile and convoluted techniques familiar to
users of Fireworks/ImageReady/etc and Dreamweaver. Fear not! All you
need to do in Freeway is UNCHECK the ‘Combine Graphics’ checkbox for
a selected graphic, and that shape will be generated as a sliced
graphic element, cut along the object’s rectangular boundaries.
(NOTE: for rotated objects this will be the outer horizontal/vertical
boundaries of the item.)

So you can either ‘uncombine’ the object itself, or you can place
another graphic box on top of the stack - one with nothing in it is
fine - and uncombine that. Doing this means you can adjust the
boundaries of the slice area without adjusting the scale or crop of
any visible image object.

Of course, this does require that the various graphic items are all
NOT layered; they must either be unlayered loose on the page or must
be unlayered together within a layered group container. Otherwise
they each sit in their own self-contained layer and don’t fraternise
with other items in any way.

Apply your link and the Rollover action to the slice item and you
should be done.

when I try this with a graphic item the alt text name appears once
FTP’d??? any help?

Odd. THat happens when the graphic isn’t available where the web page
code says it is. If Freeway was used to upload the site that really
shouldn’t happen. Did you use a different tool to upload your site?

http://www.chriswalmsley.co.uk/clients/ea

Just a small tip… if you put http:// in from of your URLs they will
always be clickable wherever they are shown. In email clients such as
Eudora, which are more technically precise and less presumptuous than
some, a protocol-less string of text won’t be made into a hyperlink.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Problem solved!

I first created a graphic file that contained the image (polaroid) and make that a slave rollover, so multiple images etc are capable, however I simply wanted 2 states (normal and over)

I then drew a graphic path around the shape, in this instance (polaroid) and UNchecked the combine with children button in Inspestor pallette, gave that a link as usual and then applied a rollover action (with the mouse over# set to the corresponding # i.e 1 in the slave actions pallete)

MAKE SURE THE GROUPS ARE ALSO MATCHING (indego) etc etc for that group, I used another group for another part of the site to give a distint difference between th e2 groups!

NOTE: the graphic path MUST sit on top of the slave layer, which also sits on top of the stack (page/table/background image etc)

Hey presto!

If like me you also want a drop shadow and don’t have Freeway 5, then make it in photoshop and save for web as a PNG 24 file!

However apparently in Freeway Pro you can import native Photoshop (.psd) documents; you don’t have to save as PNG in order to import and use transparency.

Cheerz K


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you want a Freeway created drop shadow to be transparent over other items layered below, make sure the “export” setting of the item is set to PNG and millions of colours (FW4 PRO)

On 18 Jan 2008, at 12:31, Mr worm wrote:

If like me you also want a drop shadow and don’t have Freeway 5, then make it in photoshop and save for web as a PNG 24 file!

However apparently in Freeway Pro you can import native Photoshop (.psd) documents; you don’t have to save as PNG in order to import and use transparency.

David Owen
Freeway Friendly Web hosting and Domains ::

http://www.printlineadvertising.co.uk/freeway
http://www.ineedwebhosting.co.uk