ExBB Community :: Версия для печати :: Подключение Fancybox 3 (ExBB 1.1.3)

1. WolfGeeN - 22 января 2018 — 08:03 - перейти к сообщению

Данная небольшая модификация позволит изменить вид превью изображений, заменив их на адаптивный лайтбокс - fancyBox3.

Основные преимущества этого отображения изображений, помимо адаптивности - возможность прокручивать изображения, не открывая каждой отдельно. Также fancybox позволяет просматривать выводить содержимое в виде галереи.

Внимание

Для работы данной модификации должен быть включен модуль Превью-копии прикрепленных изображений в админ-панели.

Скрытый текст:

Для просмотра Вам необходимо авторизоваться и оставить не менее 1 сообщений

2. Parapsixolog - 18 февраля 2018 — 15:31 - перейти к сообщению

Нет изображений. И кстати, чем fancyBox3 лучше\хуже clearbox http://exbb.info/community/topic...um=8&topic=2 ?

3. WolfGeeN - 18 февраля 2018 — 18:16 - перейти к сообщению

Parapsixolog пишет:

И кстати, чем fancyBox3 лучше\хуже clearbox

Во-первых он легко подключается, во-вторых полностью адаптивен, в-третьих умеет отображать все изображения, как галерею. Это современное, удобное и красивое решение для превью.
А если добавить простенький css, что бы превью картинок кадрировалось по центру (это позволит корректно выводить изображения вертикальной и горизонтальной ориентации, при жестко-фиксированном размере), то только с одним Fancybox можно создать полноценную галерею изображений на форуме.

4. Parapsixolog - 18 февраля 2018 — 18:46 - перейти к сообщению

WolfGeeN , спасибо, теперь понятнее стало.

WolfGeeN пишет:

Во-первых он легко подключается

clearbox тоже легко подключается

WolfGeeN пишет:

в-третьих умеет отображать все изображения, как галерею

И это умеет.

А вот на счёт адаптивности ни чего не могу сказать. Я не уверен, что адаптивность вообще нужна. Шаблоны то форума не адаптивны.

5. WolfGeeN - 18 февраля 2018 — 19:22 - перейти к сообщению

Parapsixolog пишет:

И это умеет.

В таком же виде?

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

Parapsixolog пишет:

Шаблоны то форума не адаптивны.

Сделать их адаптивными дело пары дней. Мой exbb форум был полностью оптимизирован под все типы устройств, за счет фреймворка w3css.

И если уж на то пошло, то отсутствие адаптивности на форуме, вкупе с дремучим шаблоном "косплей IPB 1.3", только отталкивают потенциальных пользователей движка. Потому что далеко не все знают на базовом уровне html & css и могут хоть немного изменить дизайн. Особенно "весело" посещать форум с мобильных устройств, если на нем нет хотя бы мобильной версии (что тоже уже пережиток прошлого).

6. - 18 февраля 2018 — 19:35 - перейти к сообщению

У меня эта функция была всегда отключена, т.к. мне не нравятся миниатюры в принципе.

Попробовал включить - появилась ощутимая задержка при загрузке страниц где срабатывает эта функция. Однако

Возможно ошибка у меня...

7. - 19 февраля 2018 — 04:49 - перейти к сообщению

Parapsixolog пишет:

clearbox тоже легко подключается

Вот никогда им не пользовался - решил сравнить с fancyBox. Прикол в том, что у меня clearbox вообще вешает локальный сервер. В чем причина так и не разобрался. Подумал может я в коде своей сборки чего накосячил - поставил final. Там ещё веселее - в дистрибутиве напрочь отсутствует ява скрипт clearbox.js. Если я его добавляю - получаю такой же зависон как и в моей сборке. Огорчение

Что касаемо fancyBox - во всяком случае тут всё худо бедно работает, но почему то не так как на скрине у WolfGeeN. Однако

При нажатии на ссылку просто перенаправляет к полноразмерному изображению во весь экран - никакой галереи не формируется.

8. WolfGeeN - 19 февраля 2018 — 08:03 - перейти к сообщению

NordWest пишет:

Значит он у вас совсем не работает. Проверьте пути подключения.

Вот пример работы Fancybox на моем ресурсе - http://flat-cms.ru/posts/16-shab....html#comment_55
Или посмотрите официальный сайт - https://fancyapps.com/fancybox/3/ , там видно, как он работает и также есть инструкции по подключению.

9. - 19 февраля 2018 — 11:04 - перейти к сообщению

По поводу интеграции fancyBox...
Я посмотрел исходный код страницы и обнаружил что у меня подключаются как fancybox так и clearbox Не понял

Оказалось вызов clearbox прописан в файле topic.php

А потому строки

CODE:

нужно прописывать не в all_header.tpl а в topic.php а именно ищем строку

CODE:

if ($fm->exbb['imgpreview']) $fm->_Link .= "\n<link href=\"clearbox/css/clearbox.css\" rel=\"stylesheet\" type=\"text/css\" />\n<script src=\"clearbox/js/clearbox.js\" type=\"text/javascript\"></script>";

которую меняем строками

CODE:

if ($fm->exbb['imgpreview']) // превью-копии прикрепленных изображений
{
$fm->_Link .= "\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css\" />";
$fm->_Link .= "\n<script src=\"https://code.jquery.com/jquery-3.2.1.min.js\"></script>";
$fm->_Link .= "\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js\"></script>";
}

Но это всё равно не решает мою проблему с зависанием сервера. я уже весь мозг себе сломал. Огорчение

10. - 19 февраля 2018 — 11:25 - перейти к сообщению

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

CODE:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My page</title>


<link rel="stylesheet" type="text/css" href="jquery.fancybox.min.css">
</head>
<body>




<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="jquery.fancybox.min.js"></script>
</body>
</html>

11. WolfGeeN - 19 февраля 2018 — 11:31 - перейти к сообщению

NordWest пишет:

Я посмотрел исходный код страницы и обнаружил что у меня подключаются как fancybox так и clearbox
Оказалось вызов clearbox прописан в файле topic.php

Возможно это из-за разницы версий exBB, которые использовала я и вы. Моя инструкция для 1.1.3.

А вообще не имеет значения, где и как прописан clearbox, если его вызов просто выпиливается из кода изображения.

Было

CODE:

$imgtag = $fm->LANG['ImgLinked'] . "<a href=\"$_imlink\" rel=\"clearbox\" title=\"" . $fm->LANG['ToIncrease'] . "\"><img src=\"printfile.php?action=link&img=$imlink\" border=\"0\" style=\"border: 1px outset #DCDCDC;\"></a>";

Стало

CODE:

$imgtag = $fm->LANG['ImgLinked'] . "<a href=\"$_imlink\" data-fancybox=\"gallery\" title=\"" . $fm->LANG['ToIncrease'] . "\"><img src=\"$imlink\" id=\"fancybox_img\"></a>";

Именно rel=\"clearbox\" отвечает за clearbox. А он заменяется на вызов fancybox - data-fancybox=\"gallery\" . Т.е. к clearbox никакого обращения не происходит.

12. - 19 февраля 2018 — 11:44 - перейти к сообщению

Всё это хорошо, но я с включенным fancybox к сожалению не могу добиться стабильной работы форума. И ладно бы конкретная страница не выводилась - апач перестает на какое-то время вообще отвечать на запросы. Причем ситуация такая - после перезапуска сервера первый заход на страницу с картинками как правило удачный, картинка в виде превьюшки и режим галереи активируется. Однако стоит обновить страницу и всё - сервер молчит. Переходишь на главную - то же нет ответа. Если подождать секунд тридцать - сервер раздупляется и начинает отвечать на запросы, но стоит зайти на страницу с картинками - опять зависон.

Я к сожалению не знаю как ловить подобные ошибки а потому наверное брошу эту затею.

13. WolfGeeN - 19 февраля 2018 — 12:10 - перейти к сообщению

NordWest , вы на тестовике эти манипуляции проделывали? А если попробовать на рабочем хостинге? Я использовала fancybox на не менее чем 5 проектах и нигде он никаких проблем не вызывал.
Я, к сожалению, не программист, так что в этом деле помощи от меня никакой Огорчение

Но мне кажется проблема 100% на вышей стороне, потому что clearbox тоже не зашел

NordWest пишет:

Прикол в том, что у меня clearbox вообще вешает локальный сервер

У меня не было никаких багов ни с clearbox, ни с fancybox, на exBB форуме. Не понял и опечален

14. - 19 февраля 2018 — 12:49 - перейти к сообщению

WolfGeeN
Возможно. Попробую сегодня накатить на свой форум.

15. Parapsixolog - 19 февраля 2018 — 13:58 - перейти к сообщению

WolfGeeN пишет:

В таком же виде?

Немного в другом, вот как:

WolfGeeN пишет:

Так я тоже за новое. Но я не вижу особых преимуществ fancyBox3 по сравнению с clearbox. Тем более установка у меня посложнее будет. Нужно задействовать fancyBox3 для просмотра прикрепленных картинок. А clearbox уже давно и успешно работает.