ExBB Community » Файловый ExBB » Модификации и дополнения » Подключение Fancybox 3 (ExBB 1.1.3)

Страниц (2): [1] 2 »
 

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. NordWest - 18 февраля 2018 — 19:35 - перейти к сообщению
У меня эта функция была всегда отключена, т.к. мне не нравятся миниатюры в принципе.

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

Возможно ошибка у меня...
7. NordWest - 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. NordWest - 19 февраля 2018 — 11:04 - перейти к сообщению
По поводу интеграции fancyBox...
Я посмотрел исходный код страницы и обнаружил что у меня подключаются как fancybox так и clearbox Не понял
Оказалось вызов clearbox прописан в файле topic.php

А потому строки
CODE:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>


нужно прописывать не в 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. NordWest - 19 февраля 2018 — 11:25 - перейти к сообщению
И вот ещё что нарыл. В мануале по подключению инструкция чуть другая.
В заголовок страницы вставляется только таблица стилей а остальные две строчки предлагают размещать в основном теле страницы.
CODE:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My page</title>

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

<!-- Your HTML content goes here -->

<!-- JS -->
<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. NordWest - 19 февраля 2018 — 11:44 - перейти к сообщению
Всё это хорошо, но я с включенным fancybox к сожалению не могу добиться стабильной работы форума. И ладно бы конкретная страница не выводилась - апач перестает на какое-то время вообще отвечать на запросы. Причем ситуация такая - после перезапуска сервера первый заход на страницу с картинками как правило удачный, картинка в виде превьюшки и режим галереи активируется. Однако стоит обновить страницу и всё - сервер молчит. Переходишь на главную - то же нет ответа. Если подождать секунд тридцать - сервер раздупляется и начинает отвечать на запросы, но стоит зайти на страницу с картинками - опять зависон.

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

13. WolfGeeN - 19 февраля 2018 — 12:10 - перейти к сообщению
NordWest , вы на тестовике эти манипуляции проделывали? А если попробовать на рабочем хостинге? Я использовала fancybox на не менее чем 5 проектах и нигде он никаких проблем не вызывал.
Я, к сожалению, не программист, так что в этом деле помощи от меня никакой Огорчение

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


У меня не было никаких багов ни с clearbox, ни с fancybox, на exBB форуме. Не понял и опечален
14. NordWest - 19 февраля 2018 — 12:49 - перейти к сообщению
WolfGeeN
Возможно. Попробую сегодня накатить на свой форум.
15. Parapsixolog - 19 февраля 2018 — 13:58 - перейти к сообщению
WolfGeeN пишет:
В таком же виде?


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





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


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

Яндекс.Метрика   

Powered by ExBB
[Script Execution time: 0.0229]     [ ]