Should the animated title be in flash or javascript?

Question

I work for a small website building company, and on one of our websites we have flash animations in a banner. The animation is quite short - 4 megabytes. Recently, a client requested a site restore in which the animated header will be included again. We thought about this without creating a title in Flash (or actually creating it in a flash, since none of us can make flash), but creating it ourselves in Javascript (with jQuery (). Animimate () and plugins).

It is a bad idea? Is flash better for animated title? I understand that you have more options, but you also require users to download a flash player, while Javascript is widely available.
In addition, this is a fairly simple animation, it mainly consists of text input and output, and some images move and disappear.

It should be pretty simple using jQuery rights (I believe that I am very experienced with jQuery), why do we choose the javascript / jQuery aproach flash approach?

Also, if we choose the Javascript approach, what is the best way to make sure that the animation does not affect anything else on the page? Performs full animation in absolutely div position, does the trick?

Edit
When I said the banner, I meant Header.

Answer 1

In this order:

• Do not use anything animated on the web page. This is like an ad and distracts from the content. It is just annoying.

• Flash is made for animation. Use it if knowledge is.

• Try JavaScript and see the processor. We made a simple slide show with jQuery, and the PC starts the fan after the first run through it. Consider limiting the animation so that it does not fry the user's computer if he leaves the room for a break in the bathroom.

Answer 2

You can also try animated GIFs. Some may consider it ancient, but it is very portable, small and does its job.

Answer 3

4 megabyte ad? This is right in my filter file! I would advise the client to review their ads!

Answer 4

overflow: hidden; 

Should help with javascript not affecting anything else outside its div

But we did a simple flash animation, and they never exceeded a few hundred kilobytes.

I would recommend doing this in flash and programming the animation. What are some of the details of flash animations that make it so big, do you use very large assets and reduce them?

Answer 5

Definitely Flash. It’s much easier to create complex animations with almost no risk of interfering with things if you decide to start using javascript for later versions, and it’s easy for me to get rid of AdBlock if I have a problem with the animation (I do).

If you're not too comfortable doing things manually in Flash, you might need to check out SWiSH, which is great for creating kinds of eye-catching monsters that seem to love without much effort.

Answer 6

Flash has about 85% browser penetration, so this should not be a problem. In addition, everything you do with jQuery animate () will not look as good as what you can do with Flash. But if you do not have skills, then there is no point in discussing this further. Use what you know - animate () - it's just a damn banner / header - and move on to the next project.

Answer 7

There is some technique for reducing flash size. Take a look at this and this .

Answer 8

Did you see that? http://robot.anthonycalzadilla.com/ Rather Flash-like, but built using jQuery. One of the benefits of jQuery animation (or other JavaScript) is that any HTML text will be displayed by search engines (and screen readers).

Answer 9

From 2017, many people will do this in html5 canvas / javascript. McDonalds (in particular, the Happy Meals affiliate site) is one site that uses html5 / javascript to move elements against the background of the page.