Модуль смены изображений на сайте Joomla – Flash Rotator

При разработке шаблона для Интернет – магазина женской одежды, заказчик пожелал, чтобы основным элементом дизайна сайта был красивый header с постоянно меняющимися изображениями девушек, рекламирующих различную одежду (джинсы, куртки, платья, белье  и пр.). При этом на изображениях должна присутствовать навигация с названием категории одежды, возможность ручной смены изображений,  и обязательно при клике на картинку, той или иной категории, пользователь должен был переходить в нужный раздел сайта.

Первое, что пришло в голову сделать флеш-файл и разместить его в шапке сайта. Как вставить флеш  я уже писала в статьях «Как вставить flash картинку в статью»,  «Как сделать flash шапку для сайта» , «Как вставить flash анимацию на сайт».

Однако,  вставка готового флеш файла не всегда приемлема.  Если в будущем собственник сайта захотел бы расширить количество категорий одежды, пришлось бы переделывать флеш-шапку.  Предполагалось, что обслуживанием сайта будет заниматься обыкновенный менеджер, понятно, что ни в какие флеш-файлы он залазить не будет.  Необходимо было предусмотреть возможность быстрой и легкой замены изображений одежды, а также названий категорий и ссылок.

Полазив по Интернету, я нашла несколько подходящих модулей для CMS Joomla, об одном из которых, я вам поведаю.

Модуль Flash Rotator 2.5.

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

Get the Flash Player to see this player.
Flash Image Rotator Module by Joomlashack.
The Flash Image Rotator module is now 1.5 Ready!
Your CMS just got even better! Upload your images and GO!
NEW transitions and stunning Ken Burns effects for your photos!
This is a FREE module only from Joomlashack!
Image 5 Title

Посмотрите, как этот модуль смотрится на сайте компании  "Дом Аудит"

  • Flash Rotator позволяет организовать динамическую демонстрацию до 15 картинок в формате JPG, GIF и PNG.
  • Для каждого изображения можно прописать заголовок или название, а также ссылки для перехода при нажатии на картинку;
  • Можно задать любую высоту и ширину изображения;
  • Назначить время демонстрации изображения;
  • Выбрать различные виды переходов изображений;
  • Вы можете включить/выключить панель навигации, а также изменить цвет навигационной панели;
  • Установить будут работать ссылки при клике на изображение или нет;
  • Определить цвет текста и пр.

Совет по настройке

  • Создайте необходимое количество изображений в формате JPG, GIF или PNG;
  • Все картинки должны быть одного размера и этот размер не должен превышать размера позиции куда будет вставляться модуль, в противном случае у вас поползет весь дизайн;
  • Размеры картинок пропишите в настройках модуля, имейте ввиду, если размеры будут меньше, то картинка не сожмется пропорционально, а просто обрежется модулем;
  • ВАЖНО: изображения необходимо разместить в папку модуля modules/mod_flashrotator/js_flashrotator/img вашего сайта;
  • Если вы все сделали правильно, то в дополнительных параметрах настройки модуля в закладке «image» появится перечень всех ваших картинок. Останется только выбрать нужную и прописать название и ссылку. В атрибутах папок и файлов картинок выставьте права 777, так указано разработчиком.
  • Если вы захотите сделать особенное оформление этого модуля, то задайте в настройках суффикс класса модуля допустим _rotator и в таблице стилей CSS вашего шаблона для класса .moduletable_rotator пропишите стиль оформления.

Скачать модуль Flash Rotator

Пользуйтесь и наслаждайтесь.


 
Каталог@Mail.ru - каталог ресурсов интернет

Рейтинг@Mail.ru