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

14.03.2013

darklight

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

Установка 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>

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

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

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

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



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

Для того, чтобы добавить коментарий, авторизируйтесь.

Новости

    ФЗ-54 для интернет магазинов

    С 1.02.2017 г. российская фискально-кассовая система серьезно изменилась.

Архив новостей

Блог

Shop-Script 5 - картинки в списке записей блога

Лирическое отступление: Shop-Script 5 очень хорошая и интуитивно понятная cms для интернет-магазина.

Как исправить ошибку в Joomla - "Incorrect key file for table"

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

Схема проезда для сайта

У любой фирмы, которая владеет собственным корпоративным сайтом, есть какой-то реальный адрес (адрес офиса
Читать блог