Слайд-шоу на Ajax с DHTML и XML : Программирование для всех. Языки программирования, программирование баз данных, технологии. Статьи для програмиста скачать бесплатно учебники книги документация форум : Статьи

Узнайте, как создать слайд-шоу на стороне клиента с 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 и иные "тяжелые" инструменты анимации не используются).

Продолжить просмотр статьи >>>

При разработке CMS S.Builder наша команда активно использовала AJAX. Теперь вот решили поделиться накопленным опытом. Начнем с этого хабратопика. Не буду здесь затрагивать различные фреймворки и библиотеки. Свой код всегда роднее. Для работы с AJAX-ом в S.Builder написана библиотека sbAJAX. Можете качать и пользоваться :). В этом файле есть функция sbEvalJS. Для тех, кто не знает, объясню. При подгрузке через AJAX и вставке на страницу HTML-кода, содержащего JavaScript, JavaScript выполняться не будет или полезут баги. Эта функция как раз решает поставленную задачу.

Обзор нового релиза самой мощной Ajax библ....

Хотя наш обзор немного запоздал, оригинальный Dojo 1.2 вышел в релизной версии ещё 6-го октября, но сейчас мы наверстаем упущенное. И так, Dojo Toolkit — это самая мощная и гибкая ajax-библиотека из всех, что есть на рынке, она активно развивается и имеет большое комьюнити. Кстати, это самое комьюнити, совместно с компанией Sitepen, имеет ещё несколько проектов, среди которых и Cometd и некоторые другие, не менее интересные, о которых мы скоро вам расскажем. Сегодня же все внимание на флагманский продукт — Dojo 1.2.

Если вы профессиональный веб-разработчик и постоянно имеете дело с разработкой и отладкой сложных AJAX приложений, то наверняка знаете и используете Firebug — плагин для браузера Firefox, предназначенный для отладки и исследования веб-приложений. Текущая его версия, 1.2х достаточно стабильная и функциональна, чтобы помочь в 99% проблем, которые могут возникнуть при разработке. Но и этот инструмент не лишён если не недостатков, то некоторых фич, которые могли бы облегчить работу. И даже идеальный инструмент можно сделать ещё более идеальным, как бы это не звучало.