Узнайте, как создать слайд-шоу на стороне клиента с Ajax (Asynchronous
JavaScript and XML), анимированное при помощи Ken Burns Effects. Вы увидите,
как создать исходные XML-данные для Ajax, запросить XML-данные с клиентского
компьютера и динамически создать и анимировать HTML-элементы с этим XML.
Если бы революция Web 2.0 имела лозунг из одного слова, то это было бы слово
Ajax (Asynchronous JavaScript and XML). Интерактивность на стороне
клиента в таких приложениях как географическая служба Google Maps™ и служба
web-почты Gmail™ делают технологию Ajax как захватывающей, так и полезной.
Технологии Ajax, включая Hypertext Markup Language (HTML),
JavaScript-кодирование, Cascading Style Sheets (CSS), XML и асинхронные
Web-запросы, могут создать еще более неотразимые Web-взаимодействия, чем те,
которые мы видели в Web V1.0. Естественно, эти технологии существовали со времен
Microsoft® Internet Explorer® V4, но только недавно выдающиеся приложения
выявили их преимущества.
Насколько тяжело реализовать Ajax? Каждый элемент модели Ajax относительно
легко изучить. Но трюк состоит в смешивании всех элементов в целостную систему.
Часто проблема усложнена из-за того, что кодирование на стороне клиента и на
стороне сервера выполняется различными индивидами. В данной статье
рассматривается ситуация, когда всего лишь один человек может написать небольшое
Ajax-приложение для просмотра слайдов всего за пару часов.
Слайд-шоу с Ajax
Такие персональные приложения по управлению изображениями как Apple® iPhoto®
на Macintosh® популяризировали просмотр слайд-шоу. В них изображения по очереди
появляются на определенное время с плавным затуханием и появлением. Кроме того,
изображения перемещаются и масштабируются способом, который стал известен под
названием Ken Burns Effect.
В этом примере мой браузер загружает с сервера список изображений. Затем я
использую этот список изображений, чтобы осуществить показ слайдов при помощи
динамического HTML (DHTML). Я оживляю изображения случайными плавными
перемещениями, изменениями масштаба и затуханиями, чтобы продемонстрировать
привлекательность Ken Burns Effect (Macromedia® Flash и иные "тяжелые"
инструменты анимации не используются).
Продолжить просмотр статьи >>>
|
