Ajax

Загрузка изображений в зависимости от размеров экрана.

Рассмотрим один из вариантов загрузки, к примеру, фоновых изображений в зависимости от размеров экрана пользователя. Это актуально, если в качестве фона используется слайдшоу из изображений.

Основная идея алгоритма заключается в следующем: jQuery-метод после построения DOM-структуры страницы отправляет запрос на сервер с указанием ширины экрана. Сервер обрабатывает запрос, подготавливает изображения соответствующего размера и возвращает их в качестве ответа.

Изображения разместим в каталоге /sites/default/files/background. Также предварительно необходимо создать нужные "Стили изображений".

Создадим специальный модуль ajax_module с 3 файлами: ajax_module.info, ajax_module.module и ajax_module_script.js.

ajax_module.info:

Теги: