gototopgototop
Register
Вход
HomeКак это сделать?... /  Галерея Art Sexy Lightbox
Галерея Art Sexy Lightbox E-mail
Повышаем мастерство - Как сделать?...
Автор: Наталья Мельниченко   
08.03.2012 18:23


Для создания галерей на Joomla-сайте имеется огромное количество расширений: здесь и компоненты, и плагины, и модули. Расширений так много, что выбор нужного становится проблемой, - ведь надо просмотреть все демо, скачать что-то особенно понравившееся, установить на сайт, проверить на конфликтность, разобраться с параметрами... и т.д. Хорошо, если есть хоть какое-то знакомство с английским языком, но чаще всего его нет, и в результате редко на каком сайте встретишь такое красочное и информативное украшение, как галерея (фото или видео).

С самой простой галереей мы с вами уже знакомы. Она так и называется: Simple Image Gallery, и работает одинаково хорошо как в статьях Joomla!, так и в материалах компонента К2.

Но всё-таки очень уж она простовата! А в праздничный день хочется чего-нибудь романтического, правда? - Поэтому давайте познакомимся с очаровательной, или, как её называют сами разработчики, Art Sexy галереей, что, я полагаю, можно перевести как "модная, привлекательная". Что касается меня, то я влюбилась в неё с первого взгляда, и даже пожертвовала несколькими расширениями для того, чтобы плагин Art Sexy Lightbox беспрепятственно работал на моём сайте о Павловске. Сейчас мы нажмём на картинку и попадём прямо в павловскую галерею. Прокручивайте окно вниз и нажимайте на картинки, чтобы воочию увидеть, как работает галерея Art Sexy Lightbox :

Но, как я уже говорила в предыдущей статье, плагин Art Sexy Lightbox стоит 15 долларов, поэтому мы установим сегодня и настроим бесплатный модуль галереи Art Sexy Lightbox Lite Edition.

Итак,

Шаг 1. Скачиваем и устанавливаем модуль Art Sexy Lightbox Lite Edition.

Шаг 2. В менеджере модулей находим нашего "очаровашку" и открываем его для редактирования:

Модули Joomla! :: модуль Art Sexy Lightbox Lite Edition
Рис.1

1) Заголовок. На ваше усмотрение. Поскольку я хочу показать через модуль фотографии Выборга, то я и назвала модуль Vyborg.

2) Позиция. Для начала давайте поставим либо в left, либо в right (в зависимости от модульных позиций вашего шаблона). Я выбрала left.

3) В параметрах важно прописать путь к той папке, картинки из которой  будут демонстрироваться в данном модуле. У меня путь такой:
Path to images folder   images/artsexy/vyborg

4) Следующая строчка в параметрах - путь к папке с превьюшками. Чтобы не путаться,  лучше положить её в ту же папку, где находятся большие изображения. У меня вот так:

Path to thumbnail folder   images/artsexy/vyborg/thumbs

5) Theme, или оформление выпадающего окна с большой картинкой. Я выбрала black. Поэкспериментируйте с этой строчкой, и вы увидите, что все варианты оформления разные.

6) Ширина и высота превьюшки устанавливается в строчках Thumbnail width    и Thumbnail height. Я установила 200х180, и вот как приблизительно смотрится моя галерея после сохранения указанных в Рис.1 настроек:

Модули Joomla! :: модуль Art Sexy Lightbox Lite Edition
Рис.2

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

Шаг 3. Создаём ещё один модуль Art Sexy Lightbox Lite Edition. Для этого в Менеджере модулей нажимаем на зеленую кнопку "Создать", на следующей вкладке надо включить радиокнопку напротив Art Sexy Lightbox Lite Edition и нажать на кнопку "След."

Шаг 4. Повторяем действия, описанные в шаге 2, изменив только заголовок и позицию. Для примера я дала заголовок "Выборг" - теперь уже прописала его русскими буквами, - а позицию создала абсолютно новую, которой в моём шаблоне не было: "user10". Для этого я  стёрла в строчке позиции то, что там было, и впечатала своё: user10.

Остальные параметры я оставила, как в предыдущем модуле.

Шаг 5. Сохранив модуль, открываем Менеджер материалов, и в чистом поле редактора пишем статью. Можно и не писать ничего, кроме одной формулы:

loadposition user10 , взятой в фигурные скобки { }

Поставьте статье категорию и раздел "Не указано" и отметьте, чтобы она появилась на главной странице (вообще-то нет разницы, к какой категории будет отнесена статья. Я предлагаю сейчас шаги, которые облегчают и убыстряют изучение модуля на практике, только и всего).

Дайте заголовок статье и Сохраните её.

Шаг 6. Проверяем в лицевой панели сайта результат предыдущих 3, 4 и 5-го шагов. Вот так встала у меня галерея в статье, которую я назвала "Фото Выборга" и поместила на главной странице:

Модули Joomla! :: модуль Art Sexy Lightbox Lite Edition
Рис.3

Как видите, превьюшки очень крупные, встали в два столбца, а справа от них остаётся много пустого места. Поэтому я сделаю ещё один шаг.

Шаг 7. Возвращаюсь в Менеджер модулей, и в своём модуле "Выборг" изменяю размер превьюшек, делаю его 150х130. Сохраняю изменения, и теперь картинки предпросмотра выглядят так:

Модули Joomla! :: модуль Art Sexy Lightbox Lite Edition
Рис.4

Вы можете продолжать эксперименты и дальше, а я хорошо потрудилась и отправляюсь пить вечерний праздничный чай в честь Дня 8 Марта.

Счастья всем нам, девочки, и творческих успехов!

 

 
ВХОД на сайт



Базовый курс создания сайта

Предисловия к Базовому курсу

Установка и настройка Joomla!

Работа с расширениями Joomla!

2011-03-11-22-16-12Работа со статьями

Создание меню

Работа с хостингом

Безопасность сайта

Ссылки для скачиваний

 

Есть ли народ на сайте?

Сейчас 26 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter