Для последовательной смены изображений в блоке Друпал применяется модуль Rotor Banner. Модуль Rotor Bannerпозволяет создавать и настраивать изображения для ротации как узлы (страницы) сайта Rotor item. При создании узла Rotor item настройка позволяет задавать ссылку с показываемого изображения. Эффекты смены изображений настраиваются с помощью фильтров модуля views.
Установка и настройка модуля
Чтобы модуль мог исполнятся требуется предварительно установить модули:
Drupal 6: jquery_plugin, upload_element, views.
При установке модуля будет создана страница Предсталения (View) подназванием rotor. Чтобы сделать настройку показа изображений на странице View rotor можете сделать дополнительную настройку в пункте Style: Rotor, основные доступные настройки: Ширина, высота, Время показа изображения, Скорость смены изображений, Эффекты. Доступны 25 эффектов смены изображений, Вы можете выбрать один или установить случайный (random) выбор эффекта. После настройки можете подключить модуль на странице Блоки управления блоками сайта.
Сравнение различных модулей Друпал для слайд шоу и ротации изображений
Создание блока Header blocks в шапке Темы оформления
Если в шапке Темы оформления нет специального региона для добавления блока с изображениями Вы можете создать его. Для того чтобы в раскрывающемся списке выбора региона блока на странице управления блоками появился пункт Header Blocks, в файле тема_оформления.info добавьте строку:
regions[header_blocks] = Header Blocks
Если Вам понадобится добавить регион баннера, то добавьте еще строку:
regions[banner] = Banner Ad
Псоле этого Вам нужно будет поработать с файлами Темы оформления: page.tpl.php, theme-settings.php, template.php в зависимости от архитектуры Вашей Темы оформления для добавления стилей CSS в шаблон сайта, например в файле page.tpl.php добавить код:
< div id="header-blocks" >
< ?php if ($header_blocks): ? >
< ?php print $header_blocks; ? >
< ?php endif; ? >
< /div >
В файле стилей добавить определение стиля:
#header-blocks {
position: relative;
float: right;
width: 700px;
padding: 0 32px;
}