По причине конфликтов скрипта с видео контентом, пришлось искать, что то новое.
Как подключать.
Скачиваем архив. Добавляем его в корень сайта.
Открываем main.tpl.php
Добавляем между <head> </head>
<?php $this->addMainCSS("templates/{$this->name}/lightgallery/lightgallery.css"); ?> <?php $this->addMainJS("templates/{$this->name}/lightgallery/lightgallery-all.min.js"); ?> <?php $this->addMainJS("templates/{$this->name}/lightgallery/lg-general.js"); ?>
Все опции и настройки для работы скрипта есть на официальном сайте lightgallery.
Опции на вашем сайте настраиваются в папке /lightgallery/lg-general.js. Они настроены под мой сайт pipkis.ru/
Пример слайдера
Живой пример ft_html и ft_image (эти стили заложены в статьях, блоге, новостях итд.) Чирлидерши
ft_html- картинки в самом посте
ft_image — 1 картинка поста
Живой пример text. Этот стиль используется в комментариях, на стене пользователя и групп. Вот пример комментариев Комментарии
Если найдете ошибку и сможете исправить ее попрошу написать в комментариях. А если кто и сможет создать компонент буду благодарен.
И еще в файле lightgallery.css замените название сайта на свое для папки fonts
30.10.16г. Архив обновлен. Исправлены мелкие ошибки
31.10.16г. Архив обновлен. Упрощен код вывода изображений
05.12.16г. Архив обновлен. Упрощен css вывода кнопок в слайдере, теперь не нужно указывать путь сайта с шаблоном, добавлен код для комментариев, если у вас вдруг установлены смайлы EmojiOne, они не будут открываться в слайдере, добавлен слайдер в галерею изображений.
27.02.17г. Архив обновлен. Изменен css код- вместо белого окна появляется темное полупрозрачное. lightgallery обновлена до последней версии. Исправлена ошибка с конфликтом в live редакторе.