View Full Version : Swinging Links


Mythikal
01-03-2007, 01:36 AM
Um, hi. I'm a bit of a novice in Javascript (and Java for that matter) and I need help with a website I'm helping out in. Anyway, I want them to swing respectively side to side from a vine, only pausing when someone scrolls over the link. How do I do so?

Ges
01-03-2007, 04:26 PM
Hi mMythikal,
Am I missing something?
Please explain with a poss link.

Mythikal
01-04-2007, 10:53 PM
I want the links to swing from their vines, calmly, side-to-side unti someone scrolls over it.

http://i12.tinypic.com/40l1eh2.png

disconnect277
01-06-2007, 06:07 PM
If I'm right, I think that may need to be done in flash, ( or it looks better in flash.

Mythikal
01-07-2007, 03:04 PM
How exactly do I do that? (the links come with a layout, mind you. lol)

iGeek
01-07-2007, 04:12 PM
Yeah, it would definitely look better in Flash. BUT, in Javascript, just have a GIF animation of them swinging. In Javascript, (onmouseover event) make it pause the animation on the frame its on and reverse back to the first frame (of it hanging down). Keep in mind I'm not an expert in Javascript and couldn't really help you with this.

Mythikal
01-11-2007, 04:25 AM
how would I do the swinging links in flash?

disconnect277
01-11-2007, 10:05 PM
I don't know, but if you've ever done anything in flash it can be very hard.
The only flash program I can think of is Marcromedia Flash. GL with flash.

xlilmissjuliex
01-19-2007, 12:29 AM
You should do it in flash.

You'll have to use motion tween most likey, but flash is very advanced, espaciially since you're working with the links on the image. You'll need to separate each link image, and place them into different layers of your flash program. That's how flash works after all.

I learned a lot on flash, and have been working on flash even since I stumbled upon http://www.kirupa.com/developer/mx/index.htm .

Motion tween can be found here: http://www.kirupa.com/developer/mx/basic_animation.htm

Mind you, of course you can set the rates differently, all you need to do is extend the animation time. After that, since it's a link, you'll have to apply this over it: http://www.kirupa.com/developer/mx/hyperlink.htm

I don't know how to make the animation stop with hover overed, but it just swinging would be nice anyhow. Good luck!

No seriously, Good Luck!