Magnific Popup - новый Lightbox-плагин

Всё что относится к форуму phpBBex

Модератор: Aleksandr

Аватара
Автор темы
SJplayer M
Модератор
Модератор
Сообщения: 175
Репутация: 26
С нами: 5 лет

Magnific Popup - новый Lightbox-плагин

Сообщение #1 SJplayer » 1 июля 2014, 16:30

Изображение


Вариант Lightbox-плагина от Дмитрия Семенова.

Краткие плюсы:
+ поддержка современных фишек
+ корректное определение вьюпорта для мобильных устройств
+ гибкость настройки, в том числе и структуры html
+ возможность собрать нужный функционал в пару кликов

Адаптация для phpBBex:

+ подхватывает все ссылки на изображения, в том числе вложения:

Код: Выделить всё

[url=./image.jpg]./image.jpg][/url]

[
url=./image.jpg]./image.jpg][img]./image.jpg[/img][/url]

<
a href="./download/file.php?id=1&amp;filename=image.jpg&amp;mode=view" ><img src="./download/file.php?id=1&amp;t=1&amp;filename=image.jpg" alt="image.jpg" title="image.jpg"></a


+ минимальная правка шаблона
+ для превьшек со ссылкой на исходную картинку добавляет интуитивно понятную иконку зума
+ Лицензия MIT

Репозитарий: _https://github.com/vralle/mfp
Загрузить последнюю версию: _https://github.com/vralle/mfp/archive/master.zip

Установка:

1. Создать папку "mfp" в корне форума и скопировать в нее содержимое архива
2. Найти файл ./styles/prosilver/template/overall_footer.html
Перед тегом </body> добавить:

Код: Выделить всё

<script id="mfp-loader" data-path="{ROOT_PATH}" type="text/javascript" src="{ROOT_PATH}mfp/loader.min.js"></script>


3. файл ./styles/prosilver/theme/content.css найти:

Код: Выделить всё

.postbody .content img, .postbody .signature img 


поправить блок, чтобы было так:

Код: Выделить всё

.postbody .content img, .postbody .signature img {
   vertical-align: bottom;
   display: inline-block;
   max-width: 400px; /* задаем максимальную ширину картинок */
   height: auto; /* сохраняем пропорции картинки */


Пример - клац по картинке

Изображение

! ! !


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «phpBBex»

Кто сейчас на форуме

Сейчас этот раздел просматривают: 1 гость