Должен ли анимированный заголовок быть в flash или javascript?

Question

Я работаю в небольшой компании по строительству веб-сайтов, и на одном из наших веб-сайтов наших клиентов есть флеш-анимация в баннере. Анимация довольно короткая - 4 мегабайта. Недавно клиент запросил восстановление сайта, в котором снова будет включен анимированный заголовок. Мы думали об этом, не создавая заголовок во Flash (или фактически создавая его во флеше, так как никто из нас не может сделать flash), но создавая его самостоятельно в Javascript (с jQuery(). Animimate() и плагинами).

Это плохая идея? Является ли flash лучше для анимированного заголовка? Я понимаю, что у вас больше возможностей, но вы также требуете, чтобы пользователи загружали флеш-плеер, в то время как Javascript широко доступен.
Также это довольно простая анимация, в основном это текст, который появляется и выходит, а некоторые изображения перемещаются и исчезают.

Это должно быть довольно просто с использованием jQuery права (я считаю, что я очень опытен с jQuery), почему мы выбираем флеш-подход по javascript/jQuery aproach?

Также, если мы выберем подход Javascript, как наилучшим образом убедиться, что анимация не влияет ни на что другое на странице? Будет ли полная анимация в абсолютно правильной позиции div делать трюк?

Редактировать
Когда я сказал баннер, я имел в виду Header.

Answer 1

В таком порядке:

1. Ничего анимированный на веб-странице не используется. Это похоже на объявление и отвлекает от контента. Это просто раздражает.

2. Вспышка построена для анимации. Используйте его, если знание есть.

3. Попробуйте JavaScript и посмотрите процессор. Мы сделали простое слайд-шоу с jQuery, и ПК запускает вентилятор после первого запуска через него. Подумайте об ограничении анимации, чтобы он не поджарил компьютер пользователя, если он покинет комнату для перерыва в ванной комнате.

Answer 2

overflow: hidden; 

Должно помочь с Javascript не влияет на что-либо еще за пределами его DIV

Но мы сделали простую анимацию со вспышкой, и они никогда не превышала нескольких сотен килобайт.

Я бы порекомендовал делать это во флеше и программировать анимацию. Каковы некоторые детали флэш-анимации, которые делают ее такой большой, вы используете очень большие активы и сокращаете их?

Answer 3

A 4 meg ad? Это прямо в мой файл фильтра! Я бы посоветовал клиенту пересмотреть свои объявления!

Answer 4

Возможно, вы также попробуете анимированный GIF. Некоторые могут считать его древним, но он очень портативный, маленький и выполняет свою работу.

Answer 5

Существует некоторая методика уменьшения размера вспышки. Посмотрите this и this.

Answer 6

Определенно вспышка.С гораздо сложнее создавать сложные анимации, практически не рискуя вмешиваться в вещи, если вы решите начать использовать javascript для других позже, и мне легко избавиться от AdBlock, если у меня есть проблема с анимацией (я делаю) ,

Если вы не слишком комфортно делаете что-то вручную во Flash, вам может понадобиться проверить SWiSH, это отлично подходит для создания видов захватывающих внимание монстров, которые, как кажется, любят без особых усилий.

Answer 7

Flash имеет около 85% проникновения браузера, поэтому это не должно быть проблемой. Кроме того, все, что вы делаете с jQuery animate(), не будет выглядеть так хорошо, как то, что можно сделать с помощью Flash. Но если у вас нет навыков, тогда нет смысла обсуждать это дальше. Используйте то, что вы знаете - animate() прочь - это просто проклятый баннер/заголовок - и переходите к следующему проекту.

Answer 8

Вы видели это? http://robot.anthonycalzadilla.com/ Скорее Flash-подобный, но построенный с помощью jQuery. Одним из преимуществ анимации jQuery (или другого JavaScript) является то, что любой текст HTML будет отображаться поисковыми системами (и программами чтения с экрана).

Answer 9

С 2017 года многие люди сделают это в html5 canvas/javascript. McDonalds (в ​​частности, дочерний сайт Happy Meals) - это один сайт, который использует html5/javascript для перемещения элементов на фоне страницы.