PDA

View Full Version : How to make the Ubuntu banner which slides on rollover?



Cheat King
May 4th, 2009, 10:42 AM
Tried to make the topic title as descriptive as possible. :P
So, yeah, hi, I was wondering how I would make the banner so that when you rollover one part, it slowly slides? I trust it is made in Flash?
Thanks.
(Not sure if it is in the right place, feel free to move (not that you wouldn't do this if I hadn't said that anyway ;))) <- Triple brackets!

HappinessNow
May 4th, 2009, 11:01 AM
Tried to make the topic title as descriptive as possible. :P
So, yeah, hi, I was wondering how I would make the banner so that when you rollover one part, it slowly slides? I trust it is made in Flash?
Thanks.
(Not sure if it is in the right place, feel free to move (not that you wouldn't do this if I hadn't said that anyway ;))) <- Triple brackets!

Have you tried using MooTools?

http://mootools.net/

I am not sure if this is what your looking for but MooFlow is nice:

http://demos.mooforum.net/Galleries/MooFlow

stwschool
May 4th, 2009, 11:27 AM
Or you could use javascript to trigger a gif animation.. eg..

<img src="static.jpg" onMouseOver="this.src='rollover.gif';" onMouseOut="this.src='static.jpg'">

This would give you a non-proprietary solution :)

lovinglinux
May 4th, 2009, 12:15 PM
You could make it with flash and put this on the banner:

"Please someone give me a solution for the flash issues on Jaunty" :)

Delever
May 4th, 2009, 03:52 PM
That particular animation was done with javascript and jquery library. You can view source and see jquery animation functions.

Cheat King
May 4th, 2009, 07:55 PM
Thank you, should help. I think I'll use the gif animation thing, I didn't realise that was possible.