HTML 5 Вращающийся баннер? - PullRequest
1 голос
/ 07 июня 2011

Мне было интересно, если кто-нибудь может предложить какой-либо совет. Я эксперт HTML / CSS-кодировщик ... но у меня мало опыта работы с HTML 5. Я читал о замечательных вещах, которые он может сделать, и я хочу изучить его, но я не уверен на 100%, что я могу сделать с Это. Я прочитал много статей, касающихся HTML 5, но ни одна из них не содержит достаточно подробностей, чтобы ответить на мои вопросы.

Помимо упрощения макета, можно ли создавать такие вещи, как вращающийся баннер? Мне нужно взять баннер на главной странице этого сайта

www.newmarklearning.com

и сделайте его совместимым с ipad / iphone. Я знаю, что мог бы использовать Javascript и множество других вариантов кодирования, но я уверен, что это отличное место, где я мог бы начать возиться с HTML 5.

Проблема не в том, действительно ли это правильная технология для использования. Может ли HTML 5 / CSS 3 обрабатывать такие вещи или я ограничен Javascript / Ajax и т. Д. ???

Любая помощь, направившая меня в правильном направлении, была бы великолепна.

Спасибо

Craig

Ответы [ 2 ]

0 голосов
/ 07 июня 2011

Что касается анимации, CSS3 предлагает вам множество вариантов.Смотрите, например, здесь для получения дополнительной информации о 2D-преобразованиях.Существуют и 3D-трансформации.Однако, только браузеры на основе Webkit поддерживают это прямо сейчас. Этот сайт также предлагает список новых функций CSS3.

В вашем случае, чтобы анимировать баннер, вам нужно будет объединить преобразование со свойством перехода (переход позволяет анимировать переход, преобразование описывает только целевое вращение / масштаб / наклон).Если вам нужна постоянная анимация (не один раз), возможно, необходим Javascript.

Ну, кроме этого, HTML5 предлагает вам гораздо больше новых функций, таких как автономное хранилище или другие вещи.Единственная проблема заключается в том, что у пользователя должен быть относительно новый браузер, чтобы поддерживать все, что, к сожалению, сейчас не так (я знаю несколько компаний, которые все еще используют Windows XP с некоторым IE6 или 7 или чем-то в этом роде - любымобновления отключены: - /)

Редактировать: О, хорошо, я только что взглянул на ваш сайт.Для такого «слайд-шоу» потребуется хотя бы немного Javascript, чтобы сохранить текущий слайд и т. Д. Но каждый браузер смартфона должен поддерживать его без проблем

0 голосов
/ 07 июня 2011

Вы имеете в виду баннер справа? Что меняется на таймере, или когда нажата цифра или стрелка? Было бы проще воссоздать это с помощью JavaScript.
Проверить:
http://www.dhteumeuleu.com/
Если вам нужны интересные идеи

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...