A- A A+
Fun Supersized

Очень популярный вопрос про это. А вот и ответ. Людям хочется свой бэкграунд? Будьте любезны, получите и распишитесь!

Fun Supersized

Запустить видео

ДЕМО

Joomla
3.0

СКАЧАТЬ

Версия
1.1.7

Шаг 1. Установка расширения

Скачивать расширение рекомендуется с сайта, так как автор урока полностью русифицировал данный модуль.

Шаг 2. Настройки Fun Supersized

Все настройки модуля расположены на первой вкладке «Модуль»:

Fun Supersized
  • Путь к слайдам/Список слайдов - Указываем путь к каталогу, где находятся картинки фонов, например «images/fon». О списке слайдов подробнее в шаге 3.
  • Загрузить jQuery? - В 3-й Джумле библиотека jQuery подключена по умолчанию. Если слайдер работать не будет, включите загрузку.
  • Автослайдшоу - Запуск слайдшоу сразу после загрузки страницы.
  • На всю ширину - Отключаем, иначе не будут работать параметры минимальной высоты и ширины, которые расположены ниже.
Fun Supersized
  • Пейзаж - Картинки обрежутся по ширине
  • Портрет - Картинки обрежутся по высоте
  • Горизонтальное выравнивание по центру - Центровка изображения по горизонтали. Если «Нет», картинка выравнивается по левому краю.
  • Вертикальное выравнивание по центру - Центровка изображения по вертикали. Если «Нет», картинка выравнивается верху страницы.
Fun Supersized
  • Защита картинки - Отключение правой кнопки мыши и возможности перетаскивания картинки.
  • Навигация на клавишах - Управление с клавиатуры
  • Минимальная высота - Если установлено значение, высота не уменьшится ниже указанной цифры.
  • Минимальная ширина - Аналогично с предыдущим пунктом в отношении минимальной ширины.
Fun Supersized
  • Новое окно - Ссылка слайдера открывается в новой вкладке браузера.
  • Пауза по наведению - Если навели курсор мыши, слайдшоу останавливается.
  • Представление - Настройка качества отображения картинок для браузеров Firefox и Internet Explorer.
  • Случайно - Показ слайдов в произвольном порядке.
Fun Supersized
  • Слайдшоу - Включение и выключение слайдшоу.
  • Интервал для слайдов - Время показа слайда в миллисекундах (1000 = 1 секунда).
  • Ссылки слайдов - Создание списка ссылок для перехода к соответствующему слайду.
  • Начальный слайд - Номер первого слайда для слайдшоу.
Fun Supersized
  • Разорвать круг - После показа последнего слайда, слайдшоу останавливается.
  • Ссылки для пиктограмм - Создание списка ссылок для пиктограмм, которые ведут к соответствующим слайдам. Если поле 'thumb' для слайда не заполнено, будет показана полная картинка.
  • Навигация по пиктограммам - Включение пиктограммной навигации. Если включено, пиктограммы для следующего/предыдущего поста будут доступны в панели навигации. Если поле 'thumb' для слайда не заполнено, то просто откроется полная картинка.
  • Переход - Эффекты для смены слайдов.
  • Скорость перехода - Скорость смены картинок в миллисекундах.
Fun Supersized
  • Стрелки навигации - Включает стрелки навигации вперед/назад.
  • Индикатор прогресса - Показывает графический индикатор для оценки времени между слайдами.
  • Настройки мышки - Переключатель эффектов по наведению мышки на пиктограмму.
Fun Supersized
  • Кнопка ЗАПУСТИТЬ - Переключатель кнопки ЗАПУСТИТЬ слайдшоу на панели управления слайдшоу.
  • Счетчик слайдов - Переключатель номеров слайдов на панели управления слайдшоу.
  • Описание слайда - Переключатель описания слайдов на панели управления слайдшоу.

Шаг 3. Список слайдов

К данному расширению прилагается файл с примером списка слайдов.

Плюс демонстрации слайдов с помощью списка, состоит в том, что можно к каждой картинке добавить заголовок и свою превьюшку.

{"image" : "http://demo.all4coding.com/magento/media/background/background_1.jpg", "title" : "Slide Background 1", "thumb" : "http://demo.all4coding.com/magento/media/background/thumbs/background_1_thumb.jpg"}

Элементы списка следующие:

  • image - указывается путь к изображению
  • title - заголовок картинки
  • thumb - путь к миниатюре фона

Подключение списка осуществляется указанием пути к нему: «images/sample.txt»

Fun Supersized

До новых интересных видео!

 

Комментарии  

#1 0 Андрей 02.03.2016 13:14
Все хорошо. Спасибо. Но как сделать так, что-бы на мобильнике в вертикальном режиме, изображение было на весь экран и обрезано по бокам. Масштабируется по ширине или вставляет все изображение сужая по бокам.
Цитировать

Добавить комментарий

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!