Notice: Undefined index: status in /home/exbb/exbb.info/www/community/topic.php on line 488 Notice: Undefined index: title in /home/exbb/exbb.info/www/community/topic.php on line 488 Notice: Undefined index: www in /home/exbb/exbb.info/www/community/topic.php on line 490 Notice: Undefined index: www in /home/exbb/exbb.info/www/community/topic.php on line 490 Notice: Undefined index: www in /home/exbb/exbb.info/www/community/topic.php on line 490 Notice: Undefined index: www in /home/exbb/exbb.info/www/community/topic.php on line 490 Notice: Undefined index: www in /home/exbb/exbb.info/www/community/topic.php on line 491 Notice: Undefined index: name in /home/exbb/exbb.info/www/community/topic.php on line 493 Notice: Undefined index: avatar in /home/exbb/exbb.info/www/community/topic.php on line 496 Notice: Undefined index: avatar in /home/exbb/exbb.info/www/community/topic.php on line 496 Notice: Undefined index: posts in /home/exbb/exbb.info/www/community/topic.php on line 499 Notice: Undefined index: joined in /home/exbb/exbb.info/www/community/topic.php on line 500 Notice: Undefined index: location in /home/exbb/exbb.info/www/community/topic.php on line 501 Notice: Undefined index: name in /home/exbb/exbb.info/www/community/topic.php on line 502 Notice: Undefined index: icq in /home/exbb/exbb.info/www/community/topic.php on line 505 Notice: Undefined index: icq in /home/exbb/exbb.info/www/community/topic.php on line 506 Notice: Undefined index: aim in /home/exbb/exbb.info/www/community/topic.php on line 507 Notice: Undefined index: status in /home/exbb/exbb.info/www/community/topic.php on line 517 Notice: Undefined index: posts in /home/exbb/exbb.info/www/community/topic.php on line 550 Notice: Undefined index: posts in /home/exbb/exbb.info/www/community/topic.php on line 550 Notice: Undefined index: posts in /home/exbb/exbb.info/www/community/topic.php on line 550 Notice: Undefined index: posts in /home/exbb/exbb.info/www/community/topic.php on line 550 Notice: Undefined index: posts in /home/exbb/exbb.info/www/community/topic.php on line 550 Notice: Undefined index: posts in /home/exbb/exbb.info/www/community/topic.php on line 550 Notice: Undefined index: showemail in /home/exbb/exbb.info/www/community/topic.php on line 557 Notice: Undefined index: visible in /home/exbb/exbb.info/www/community/topic.php on line 593 ExBB Community :: Подключение Fancybox 3 (ExBB 1.1.3)
ExBB Community ExBB Community
 Сайт проекта ExBB Общение объединяет!
Войдите на форум при помощиВойти через loginza
 		 Чат на форуме      Помощь      Поиск      Пользователи     BanList BanList


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

> Описание: Небольшая модификация модуля для превью изображений
Поиск в теме | Версия для печати
WolfGeeN
Отправлено: 22 января 2018 — 08:03
Post Id



Пользователь
Newbie


Покинул форум
Сообщений всего: 27
Дата рег-ции: Март 2015  
Откуда: Russia
Репутация: 2




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

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

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

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


Parapsixolog
Отправлено: 18 февраля 2018 — 15:31
Post Id



Пользователь
Advanced Member


Покинул форум
Сообщений всего: 487
Дата рег-ции: Сент. 2011  
Репутация: 14




 Нет изображений. И кстати, чем fancyBox3 лучше\хуже clearbox http://exbb.info/community/topic...um=8&topic=2 ?
 
 
WolfGeeN
Отправлено: 18 февраля 2018 — 18:16
Post Id



Пользователь
Newbie


Покинул форум
Сообщений всего: 27
Дата рег-ции: Март 2015  
Откуда: Russia
Репутация: 2
Parapsixolog пишет:
И кстати, чем fancyBox3 лучше\хуже clearbox


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



Пользователь
Advanced Member


Покинул форум
Сообщений всего: 487
Дата рег-ции: Сент. 2011  
Репутация: 14




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

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


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


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


И это умеет.

А вот на счёт адаптивности ни чего не могу сказать. Я не уверен, что адаптивность вообще нужна. Шаблоны то форума не адаптивны.
 
 
WolfGeeN
Отправлено: 18 февраля 2018 — 19:22
Post Id



Пользователь
Newbie


Покинул форум
Сообщений всего: 27
Дата рег-ции: Март 2015  
Откуда: Russia
Репутация: 2
Parapsixolog пишет:
И это умеет.

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



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

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


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

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


Модератор



Покинул форум
Сообщений всего: 0
Дата рег-ции: N/A  
Репутация: 0




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

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

Возможно ошибка у меня...
 
 
Отправлено: 19 февраля 2018 — 04:49
Post Id


Модератор



Покинул форум
Сообщений всего: 0
Дата рег-ции: N/A  
Репутация: 0
Parapsixolog пишет:
clearbox тоже легко подключается
Вот никогда им не пользовался - решил сравнить с fancyBox. Прикол в том, что у меня clearbox вообще вешает локальный сервер. В чем причина так и не разобрался. Подумал может я в коде своей сборки чего накосячил - поставил final. Там ещё веселее - в дистрибутиве напрочь отсутствует ява скрипт clearbox.js. Если я его добавляю - получаю такой же зависон как и в моей сборке. Огорчение

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



При нажатии на ссылку просто перенаправляет к полноразмерному изображению во весь экран - никакой галереи не формируется.
 
 
WolfGeeN
Отправлено: 19 февраля 2018 — 08:03
Post Id



Пользователь
Newbie


Покинул форум
Сообщений всего: 27
Дата рег-ции: Март 2015  
Откуда: Russia
Репутация: 2
NordWest пишет:
При нажатии на ссылку просто перенаправляет к полноразмерному изображению во весь экран - никакой галереи не формируется.

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

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


Модератор



Покинул форум
Сообщений всего: 0
Дата рег-ции: N/A  
Репутация: 0




 По поводу интеграции 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>";
}


Но это всё равно не решает мою проблему с зависанием сервера. я уже весь мозг себе сломал. Огорчение
 
 
Отправлено: 19 февраля 2018 — 11:25
Post Id


Модератор



Покинул форум
Сообщений всего: 0
Дата рег-ции: N/A  
Репутация: 0




 И вот ещё что нарыл. В мануале по подключению инструкция чуть другая.
В заголовок страницы вставляется только таблица стилей а остальные две строчки предлагают размещать в основном теле страницы.
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>
 
 
WolfGeeN
Отправлено: 19 февраля 2018 — 11:31
Post Id



Пользователь
Newbie


Покинул форум
Сообщений всего: 27
Дата рег-ции: Март 2015  
Откуда: Russia
Репутация: 2
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 никакого обращения не происходит.
 
 
Отправлено: 19 февраля 2018 — 11:44
Post Id


Модератор



Покинул форум
Сообщений всего: 0
Дата рег-ции: N/A  
Репутация: 0




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

Я к сожалению не знаю как ловить подобные ошибки а потому наверное брошу эту затею.
 
 
WolfGeeN
Отправлено: 19 февраля 2018 — 12:10
Post Id



Пользователь
Newbie


Покинул форум
Сообщений всего: 27
Дата рег-ции: Март 2015  
Откуда: Russia
Репутация: 2




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

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


У меня не было никаких багов ни с clearbox, ни с fancybox, на exBB форуме. Не понял и опечален
 
 
Отправлено: 19 февраля 2018 — 12:49
Post Id


Модератор



Покинул форум
Сообщений всего: 0
Дата рег-ции: N/A  
Репутация: 0




 WolfGeeN
Возможно. Попробую сегодня накатить на свой форум.
 
 
Parapsixolog
Отправлено: 19 февраля 2018 — 13:58
Post Id



Пользователь
Advanced Member


Покинул форум
Сообщений всего: 487
Дата рег-ции: Сент. 2011  
Репутация: 14
WolfGeeN пишет:
В таком же виде?


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





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


Так я тоже за новое. Но я не вижу особых преимуществ fancyBox3 по сравнению с clearbox. Тем более установка у меня посложнее будет. Нужно задействовать fancyBox3 для просмотра прикрепленных картинок. А clearbox уже давно и успешно работает.
 
 
Поиск в теме | Версия для печати
Страниц (2): [1] 2 »
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« Модификации и дополнения »

> Похожие темы: Подключение Fancybox 3 (ExBB 1.1.3)
Темы Форум Информация о теме Обновление
Подфорумы
Имеется ли реально работающий мод «Подфорумы» для Exbb.FM.RC1		Обсуждение Ответов: 3
Автор темы: fdg		16 ноября 2009 — 07:03
Автор: fdg
Репутация
Небольшая проблема с модом Репутация"		Решение проблем Ответов: 4
Автор темы: lisiycat		10 марта 2009 — 17:47
Автор: lisiycat
Мод: Чат на форуме (Beta)
Ajax-чат для ExBB FM		Модификации и дополнения Ответов: 252
Автор темы: yura3d		26 октября 2009 — 19:17
Автор: electron
Ротатор рекламного кода на php
для блоков из темы http://exbb.info/community/topic.php?forum=9&topic=40		PHP/Perl Ответов: 1
Автор темы: variant0		18 февраля 2015 — 07:32
Автор: SanGer
Мод: Похожие темы
Совместимость: ExBB FM 1.0 (версии: RC1, RC2 )		Модификации и дополнения Ответов: 37
Автор темы: Иван Петров		8 сентября 2012 — 14:27
Автор: wasp
 



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




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

Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®
[Script Execution time: 0.0888]     [ ]