Модуль Imageset

Этот модуль использует т.н. технологию CSS-спрайт (вывод заданной области картинки в бакграунде)
За счет объединения картинок (иконок) в одном файле. получается экономия трафика и времени загрузки для клиента
В одном наборе могут использоваться картинки фиксированного размера

Сам процесс использования состоит из трех шагов
1. Готовится в любимом графическом редакторе необходимый набора картинок(imageset), их может быть несколько, в виде матрицы NxM, где N - количество картинок (от 1 и более), M - кол-во вариантов отображения этих картинок(от 1 и более)
Для примера определены 3 картинки (ось Y) и 2 варианта (ось X)
Пример 1

2. Создание нового Imageset в настройках (/admin/settings/imageset).
Задается уникальное имя для набора (т.к. это имя будет применяться в CSS то есть ограничения на допустимые символы: латинские символы, цифры, подчерк и минус)
Размер видимой области картинки в пикселях в формате (ШИРИНА x ВЫСОТА)
Ориентация набора: вертиакльная - картинки по вертикали, их варианты по горизонтали; горизонтальная - наоборот, картинки - по горизонтали, варианты по вертикали

В данном примере можем задать
Имя: icons
Размер: 18x18
Ориентация: вертикальная

3. На вкладке Selectors (admin/settings/imageset/selectors) задаем селекторы для задания необходимого поведения

Для вышеприведенного примера можем указать
CSS selectors: <пустая строка> Imageset: icons Вариант: 2 (картинка из 2-го столбика отобразится по умолчанию)
CSS selectors: a:hover Imageset: icons Вариант: 1 (картинка из 1-го столбика отобразиться при наведении мыши)

Применять в коде можно используя функцию theme('imageset', name, index), где name - имя набора, index - номер картинки
Для этого примера вызов print theme('imageset', 'icons', 1); отобразит значек принтера

С использованием этого модуля работает модуль Menuicon (иконки для меню, или меню ввиде графических кнопок)

AttachmentSize
Образец1.22 KB