Can this be done in freeway?

Can this be done in freeway?

Look at the header in this page and the menu items on the right, when you mouse over the menu items the rev counter needle moves to the relevant setting.

I take it it has something to do with roll overs and pop ups, but the needle seems to be free flowing

http://www.paulmattysportscars.co.uk/

Any advice?


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

It’s Flash. I have ClickToFlash installed, so these sorts of things
all look like a dark-gray to gray vertical gradient with the word
Flash in the middle. I’ll take your word that there’s animation
following the cursor, that’s a staple of the “flashy” set.

Walter

On Jun 12, 2009, at 10:55 AM, Snapper wrote:

I take it it has something to do with roll overs and pop ups, but
the needle seems to be free flowing


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

So I guess the answer on no unless you have adobe flash?


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

There’s almost nothing that Flash can do that you can’t pull off in
one of the JavaScript animation libraries. Scriptaculous and jQueryUI
and MooTools can all do things like this. WebKit has the css-transform
stuff which allows you to do almost any sort of animation using pure
HTML, you can drive a < canvas > tag with JavaScript to get real-time
rotation effects in non-WebKit browsers, and there’s a remedial
program for IE so that it gets some non-standard tag instead of
canvas. Almost anything is possible.

BUT

It’s often less of a challenge to do in Flash, and as long as it’s
purely gratuitous stuff – doesn’t impact the site’s day-to-day
operation at all – it ought to be done in Flash.

Now that site you linked to has performed the cardinal sin of not
breaking their navigation into replace-able elements. So if you arrive
at that site with Flash disabled, you have no idea how to get anywhere
and you tend to leave.

Walter

On Jun 12, 2009, at 11:11 AM, Snapper wrote:

So I guess the answer on no unless you have adobe flash?


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

I did something similar a few years ago that uses regular rollovers
and image maps;
http://www.iview-multimedia.com/mediapro/index.html
Roll over the text on the compass and the needle should jump to point
to the entry.

If I was doing this again I would look at animating the needle using
one of the JavaScript libraries (jQuery for example) so that the
transition is a bit smoother but essentially you can do this in HTML
without having to fall back on Flash.
Regards,
Tim.

On 12 Jun 2009, at 08:11, Snapper wrote:

So I guess the answer on no unless you have adobe flash?

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


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

Hi Tim

Thanks for that reply, looking at that compass graphic it look very good, could you please give me an explanation of how you did it?

Jamie


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

Hi Jamie,
I’ve recreated this image map rollover in Freeway 5 Pro and have
posted an example page with a download at;
http://www.freewayactions.com/test/image-map-rollover/
If you have any questions after you’ve had a chance to look at the
example please let me know.
Regards,
Tim.

On 13 Jun 2009, at 04:26, Snapper wrote:

Hi Tim

Thanks for that reply, looking at that compass graphic it look very
good, could you please give me an explanation of how you did it?

Jamie

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


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

Hi Tim

Thanks for taking the time to dod that.

I have clicked on the link and played with the demo, I have then looked at the freeway page and the different sections

I have the following Questions:

  1. Why have you cut the mast heading up in to 6x pieces?

  2. moving all the other pieces away and only leaving the central part of the compass I note that you have the main face as a square and in that square
    there is 4 other squares with roll over actions applied to each square

I have looked into your media folder and can see the parts,

But what I am having trouble doing is making it work for my self.

could you give me a quick run through please?

I still have to say that it look very good.

Thanks

Jamie


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

Hi Jamie,

On 14 Jun 2009, at 13:08, Snapper wrote:

  1. Why have you cut the mast heading up in to 6x pieces?
    I simply used the images I had created for the original site. I could
    have done this with a single image for the whole panel but thought I’d
    leave it the same as the original iView web site.
  1. moving all the other pieces away and only leaving the central
    part of the compass I note that you have the main face as a square
    and in that square
    there is 4 other squares with roll over actions applied to each square
    The ‘working’ parts of the example is the ‘compass face’ image slice
    and the four image map areas that are sketched over the image. Each of
    these has a link applied to them and the rollover action applied. When
    the image map link is rolled over the code loads the given image into
    the item with the corresponding target image action applied - namely
    the compass face image box.

I have looked into your media folder and can see the parts,

But what I am having trouble doing is making it work for my self.

could you give me a quick run through please?

OK, Let me try;

  1. Add a non-passthrough image to your page
  2. Add the image map areas to this image and apply a link to each area
  3. Apply the Target image action to the image and choose your
    different images; one for each of the image map areas. In my example I
    set the target group to Indigo and the images to the correct images
    for each rollover;
    Image 1: Graphic Artist, Image 2: Photographer, Image 3: Interactive
    Designer and Image 4: Web Designer
  4. Add the rollover action to each of the four image map areas and
    make sure the the target group is set to Indigo (or whatever you chose
    in step 3) and that the image numbers in Mouseover# match the ones you
    set in step 3 also.
  5. I also set the Restore setting on each rollover action to No so the
    compass needle doesn’t jump about when the user moves between the
    image map hotspots.

Let me know if this still doesn’t click and I’ll find some time to out
a video or detailed visual guide together.
Regards,
Tim.

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


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