Модуль джумла слайд шоу


Добавление эффекта слайд-шоу из JoomGallery в статью

В этом уроке мы рассмотрим процесс ручного добавления слайд-шоу из фото-галереи  JoomGallery в статьи и другие объекты Joomla.

Добавлять слайд-шоу  в статью будем делать на примере страницы http://www.skole.com.ua/ru/papers/7-skolivszina/24-pmonastir.html, а фотографии для слайд-шоу будем брать с соответствующего раздела галереи.Чтобы эффект слайд-шоу был доступен в статьях и объектах, нужно сначала создать модуль, который бы включал скрипты из галереи JoomGallery для других страниц сайта, на которых мы хотим использовать функционал из JoomGallery. Это мы сделали в прошлом уроке под названием «Использование функционала JoomGallery в других объектах Joomla».

Чтобы поставить слайд-шоу из фото-галереи на страницу сайта, нужно добавить такой код:

<a href="/адрес большой фотографии" rel="lightbox[SLIDE_SHOW_ID]" title="Описание фотографии"><img src="/адрес маленькой фотографии" alt="Описание фотографии" border="0"/></a>

В этом коде SLIDE_SHOW_ID – это фраза или цифра, которая означает что фотографии, которые ее содержат, будут принадлежать к определенном слайд-шоу или категории.

Адреса маленькой и большой фотографий в этом коде мы можем взять со страницы галереи:http://www.skole.com.ua/ru/gallery.html?func=viewcategory&catid=15

Это делается с помощью правого клика по фотографии и выбора «копировать ссылку на изображение» (рис. 2.1 и рис. 2.2). Рис. 2.1. Получение ссылки на маленькое изображение. Рис. 2.2. Получение ссылки на большое изображение.

Пример кода для двух фотографий, которые мы хотим вставить в статью, показан ниже:

<a href="http://www.skole.com.ua/components/com_joomgallery/img_originals/_____15/__20091005_1640779950.jpg" rel="lightbox[monastir1]" title="Начало дороги к Розгирче"><img src="http://www.skole.com.ua/components/com_joomgallery/img_thumbnails/_____15/__20091005_1640779950.jpg" alt="Начало дороги к Розгирче" border="0"/></a><a href="http://www.skole.com.ua/components/com_joomgallery/img_originals/_____15/__20091005_1247554514.jpg" rel="lightbox[monastir1]" title="Нафтопровод"><img src="http://www.skole.com.ua/components/com_joomgallery/img_thumbnails/_____15/__20091005_1247554514.jpg" alt="Нафтопровод" border="0"/></a>

Этот код будет показывать слайд-шоу из двух изображений.Добавление этого кода в статью делается в виде html-вставки следующим образом (рис. 2.3):1)    в панели администратора открываем статью;2)    в редакторе находим кнопочку «html» и нажимаем ее;3)    откроется окно с html-кодом в котором добавляем наш код слайд-шоу в соответствуеще место;4)    нажимаем кнопку «Update»;5)    сохраняем документ (кнопка «Сохранить»).

Рис. 2.3. Добавление кода слайд-шоу в статью.

 

www.joomla-master.com

модуль слайд-шоу фотографий для Joomla

Fresh Slideshow - модуль для добавления на сайт Joomla 1.5 - 2.5 слайд-шоу изображений. Модуль разработан на основе JQuery.

Основные параметры:

Load jQuery - выберите "No", если другое расширение уже загружается JQuery-1.8.1. Иначе, выберите "Yes"

Slider Mode:

Use Image Folder - слайдер будет использовать изображения из папки, выбранной в "Slider Mode Settings".

Use Joomla Content - слайдер берет первое изображение, название, и часть контента для описания.

Slider Width - установить ширину слайдера (в пикселях)

Slider Height - установить высоту слайдера (в пикселях)

Slider Border - установить толщину границы слайдера. Цвет может быть изменен в "Color Settings".

Параметры Slider Mode

Если выбран "Use Joomla Content":

Category - параметр устанавливает используемые категории

Article Count - этот параметр устанавливает число статей для отображения

Featured Articles - параметр настраивает отображение избранных статьей

Article Order - параметр отвечающий за порядок статей в слайд-шоу

Authors - параметр, позволяющий сделать фильтрацию по автору

Description Length - этот параметр устанавливает длину описания (к примеру установив в 300, из статьи будут браться первые 300 слов)

Image Folder - вы можете использовать путь по умолчанию или определить другой путь, где находятся изображения.

Параметры Link

Links Target  - вы можете выбрать, где будут открываться ссылки связанные с изображением, в том же окне или в новом окне 

Linked Titles - выберете, будет ли название преобразовываться в ссылку или останется обычным текстом.

Настройки цвета

Module Background - цвет фона слайдера

Label Background Color - цвет названия / описания 

Label Background Opacity - настройка прозрачности для названия / описания 

Slider Border - цвет границы слайдера

Title Color - цвет текста заголовка

Description Color - цвет текста описания

Numbers Color - стиль навигации

Numbers Background - номер цвета фона.

vjoomla.ru

SJ Dynamic Slideshow - Joomla Master

Совместимость с Joomla 3.0Совместимость с Joomla 2.5

SJ Dynamic Slideshow

SJ Dynamic Slideshow - новая разработка студии SmartAddons, позволяющая в оригинальной форме представить пользователям содержимое сайта. Данный модуль способен организовать эффектное слайд - шоу материалов со множеством различных эффектов. Настройки модуля позволяют задать размеры модульного блока, выбрать один из 10 вариантов ротации материалов, включить отображение навигационной панели и многое другое. В состав модуля входит 3 предустановленных стиля каждый из которых, смотрится очень оригинально. Модуль способен отображать не только материалы, но и мультимедийный контент. Наличие адаптивных свойств модуля дополняет огромный список его возможностей. SJ Dynamic Slideshow - отличное решение для любых сайтов.

Основные особенности модуля SJ Dynamic Slideshow:

  • Полная поддержка версий Joomla 2.5. и 3.x
  • Совместимость со всеми известными браузерами
  • Подходит для сайта, предлагающего лучшие онлайн стратегии в сети
  • Корректная работа на планшетах и мобильных устройствах
  • Поддержка 10 вариантов слайдов
  • Возможность автоматического обновления версии модуля
  • Позволяет отображать любой тип контента: изображения, видео, материалы и т.д.
  • Наличие 3 стилей навигации
  • Поддержка пользовательских суффиксов
  • Возможность отключения панели навигации
  • Поддержка Multi-Module для одной страницы сайта
  • Возможность отображения таймера ротации
  • Поддержка нескольких столбцов
  • Функции кэширования для более быстрой загрузки

Демо

Скачать

← SJ Categories Slider for JoomShopping Nextend Accordion Menu →
 

joomla-master.org


Prostoy-Site | Все права защищены © 2018 | Карта сайта