Куда идем?

Продолжается серия статей «Модули Joomla для демонстрации». Сегодня речь пойдет о замечательном модуле Power Slide Display Module. Этот модуль показывает слайдшоу изображений из заданной папки с возможностью управления просмотром пользователями сайта. Power Slide Display Module бесплатен (хотя есть и коммерческая версия). О демонстрации и настройках читай далее.

Описание и демонстрация

Как было сказано выше, Power Slide Display Module показывает картинки в виде слайдшоу. В отличие от RokSlideshow, данный модуль позволяет не только показывать изображения пользователям, но и дает возможность управления просмотром. Кроме того, изображения можно увеличивать не перезагружая страницу. Но лучше один раз увидеть, чем что раз прочитать. Демонстрацию работы модуля можно посмотреть здесь.

Модуль Power Slide Display Module предоставляется разработчиком в двух версиях: стандартной и профессиональной. Мы рассматриваем стандартную версию, так как за Pro просят деньги. Хоть возможности профессиональной версии шире, стандартная также сделана очень качественно и отлично справляется  с задачами демонстрации. Демонстрацию профессиональной версии, а также отличия ее от стандартной можно посмотреть на сайте разработчика. Стоит Pro 25$. Это не такие уж и большие деньги (за аналогичный модуль любой программист попросит гораздо больше).

Настройка Power Slide Display Module

Устанавливается Power Slide Display Module, как и все другие модули через менеджер расширений. После установки следует перейти в настройки. Помимо стандартных настроек, характерных для всех модулей Joomla (слева), Power Slide Display Module имеет две области собственных опций (справа):

  • Параметры модуля
  • Дополнительные параметры

В параметрах модуля есть две основные опции:

image Folder Path (путь к папке с изображениями) – здесь следует указать путь к папке с изображениями, которые будут демонстрироваться в модуле. Стоит заметить, что если для показа изображений используется структура папок (см. ниже), то в Power Slide Display Module названия файлов изображений являются подписями при демонстрации, так что названия должны быть осмысленными.

thumbnail Folder Path (путь к папке с миниизображениями) – здесь следует указать путь к папке с мини-изображениями, которые, непосредственно, будут показываться в слайдшоу, при клике по изображению будет открываться его полная версия, из папки с изображениями (предыдущая опция).

Чтобы не запутаться, желательно папку с мини-изображениями создавать в папке с изображениями. Также названия изображений и мини-изображений должны соответствовать друг другу (это чтобы не запутаться самому модулю :-)).

Дополнительные параметры делятся на 4 категории:

  • Base Setup Options (основные настройки)
  • Module Display Options (настройки отображения модуля)
  • Slideshow Settings (настройки слайдшоу)
  • CSS Color Settings (цветовые CSS-настройки)

Также есть одна отдельная опция:

Gallery Fetch Method (метод извлечения галереи) – здесь можно задать способ получения изображений для показа. Есть две возможности: либо использовать XML-файл (подходит для тех, кто знает XML), либо использовать структуру папок (это гораздо проще, во всяком случае в стандартной версии, и я рекомендую выбрать именно этот вариант).

Далее пойдем по категориям:

Base Setup Options (основные настройки)

Use Included Mootools(использовать Mootools) – использовать ли библиотеку Mootools, идущую вместе с модулем. Если возникает конфликт с Javascript, то эту опцию нужно отключить;

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

Thumbnail method (метод генерации уменьшенных изображений) – зависит от типа сервера. Если уменьшенные изображения не отображаются нормально, то можно попробовать поменять эту опцию;

Module Display Options (настройки отображения модуля)

Power Slide Width (ширина модуля) – думаю, здесь все понятно;

– Power Slide Height (высота модуля)

Что интересно: на официальном сайте написано, что в настройках модуля помимо этих двух опций есть еще две, входящие в стандартную версию – ширина и высота мини-изображения. Но в модуле, почему-то, этих настроек нет. Они хоть и не являются критическими, но все равно жаль.

Slideshow Settings (настройки слайдшоу)

Show Slide Info Zone (показывать область информации на слайде?) – здесь можно добавить, либо убрать показ информации на слайде, а именно полоску с текстом внизу модуля;

Info Zone Height (высота области информации) – здесь можно задать высоту области информации;

Show Read More (показывать «читать далее») – показывать ссылку «читать далее». Работает только при использовании XML;

Show Controls (показать стрелки управления) – отображать или нет стрелки, переключающие изображения;

Show Carousel (показывать «карусель») – «карусель» – это «мини-мини-изображения», которые появляются, если нажать ссылку  «Show/Hide» в верхнем правом углу модуля; соответственно, в данной опции речь идет именно об этой ссылке;

Carousel Text (текст для отображения «Карусели») – текст ссылки, описанной выше.

Delay (время показа каждого изображения) – время показа в миллисекундах;

Random Sort Images (случайная сортировка изображений) – изображения будут показываться случайным образом;

Auto Play Slideshow (автоматически показывать слайдшоу) – если активировано, то изображения будут меняться автоматически после загрузки страницы, если нет, то слайдшоу должен листать пользователь;

CSS Color Settings (цветовые CSS-настройки)

Link Color (цвет ссылки) – цвет всех ссылок;

Title Color (цвет заголовка) – цвет заголовка изображения (показываемого под изображением);

Background Color (цвет фона) – цвет фона модуля;

– Description Color (цвет описания) – цвет описания изображения (описания можно получить только используя XML, см. ниже);

Настройка XML

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

Метод XML-файла является альтернативным использованию структуры папок. XML-файл находится в папке установленного модуля (подпапка xml). Содержание файла следующее:

<galleries>

<gallery>

<image>

<title>Image 01 Title</title>

<description>Image 01 Description</description>

<filename>image01.jpg</filename>

<link>http://www.url01.url</link>

</image>

<image>

<title>Image 02 Title</title>

<description>Image 02 Description</description>

<filename>image02.jpg</filename>

<link>http://www.url02.url</link>

<defaultimage>1</defaultimage>

</image>

<image>

<title>Image 03 Title</title>

<description>Image 03 Description</description>

<filename>image03.jpg</filename>

<link>http://www.url03.url</link>

<defaultimage>1</defaultimage>

</image>

<image>

<title>Image 04 Title</title>

<description>Image 04 Description</description>

<filename>image04.jpg</filename>

<link>http://www.url04.url</link>

</image>

</gallery>

</galleries>

Чтобы XML-файл работал, нужно выбрать соответствующую опцию в настройках и отредактировать код, написанный выше.

Об авторе
Wedal
(Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.
Добавить комментарий

Комментарии  
0
Спасибо!
Статья описывает вполне очевидные вещи. Но как вставить слайд шоу в HTML текст страницы остается загадкой ???
Буду признателен за помощь!
0
dr.gopher, интересно, но мало кто знает то, что это делается стандартными средствами Joomla без каких-либо дополнительных расширений. Подробнее можно прочитать здесь. Статья хоть и на английском, но все просто и понятно.
0
Спасибо!
Всё заработало. Есть один минус в этом плагине (или я не нашел)- нет возможности в слайдшоу видеть рисунки среднего размера, а при нажатии "увеличительного стекла" видеть полноразмерное изображение. Получаеться, что в слайдшоу крутяться полноразмерные картинки. :-(
0
dr.gopher, не понял вас. В модуле же есть 2 папки: для мини-изображение и для полноразмерных.
0
Иногда надо показать в слайдшоу рисунки размером допустим 640x480, а полноразмерные рисунки при нажатии на “увеличительное стекло” 1024x768.
Еще вопрос - Как отцентровать слайдшоу по центру страници? Почемуто слайдшоу всегда жмётсья к левому краю.
0
dr.gopher,все равно не пойму в чем проблема. Что мешает вам задать размеры модуля 640х480 и добавить мини-изображения соответствующего размера, а полноразмерные 1024х768?
Чтобы отцентровать модуль, нужно поиграться с настройками html/css статьи или модуля.
0
Если задать размер 640х480, а в папке лежат рисунки 1024x768 то Power Slide Display показывает в слайдшоу только центр изображения 1024x768, всё остальное обрезает. А маленькие изображения из директории "thumbnails", Power Slide Display использует только для показа верхних окошек. Жаль, что с центрованием слайдшоу придётся играться...
0
dr.gopher, да, все верно. Я перепутал мини-изображения с другим модулем. Извиняюсь. Тогда только так.
0
Тогда порекомендуйте испытаное. :-)
0
dr.gopher, в следующих статьях.
0
Ребят, а как настроить галерею, что бы при увеличении она оставалась на этой же странице, а не открывалась в новой вкладке, как ссылка на картинку?
0
Когда установил модуль и опубликовал - ничего не происходит. В чем может быть проблема ?
0
А тут бывают ссылки на демонстрации, не выдающие ошибку 404?
0
Guest, бывают, но все течет, все изменяется. Этой статье скоро 3 года исполнится. Уже и Joomla не та и модули все обновили. :-)