По вопросам разработки пишите на [email protected]

Жизнь фрилансера

и все что с этим связано :)

Kwork

Установка lightbox на фотогалерею в UMI.CMS


Дорабатываем стандартный функционал модуля "Фото- и видео-галереи".

Скачаем Lightbox2 (автор Lokesh Dhakar) отсюда. Lokesh Dhakar пишет на своем сайте: "Лайтбокс2 это простой и ненавязчивый скрипт". 🙂 Проверим действительно ли это так.

Добавим файлы и папки через ftp

/html/templates/название шаблона/js/js-lightbox – в этой папке лежат необходимые скрипты для работы Lightbox2
/html/templates/название шаблона/css/lightbox.css
/html/templates/название шаблона/images/prev.png
/html/templates/название шаблона/images/next.png
/html/templates/название шаблона/images/loading.gif
/html/templates/название шаблона/images/close.png



Вносим изменения в файлы

В <head></head> файла шаблона вставляем строки с 25 по 27.

<link type="text/css" rel="stylesheet" href="{$template-resources}css/lightbox.css" media="screen"/>
<script type="text/javascript" src="{$template-resources}js/js-lightbox/lightbox.js"></script>
<script type="text/javascript" src="{$template-resources}js/js-lightbox/lighbox_prepair.js"></script>

Правим пусть к картинкам в файле /html/templates/название шаблона/js/js-lightbox/lightbox.js, а именно строки
/templates/название шаблона/images/loading.gif
/templates/название шаблона/images/close.png

В файл, отвечающий за вывод фотографий добавляем следующий код:

Фото: Установка lightbox на фотогалерею в UMI.CMS
В нем указываем необходимые нам ширину и высоту.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

четыре × один =

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

FL.ru – фриланс сайт удаленной работы. Поиск удаленной работы, фрилансеры.

Уведомление о новых статьях