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

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Модератор: Поддержка

Сообщение #41 Mirus » 06.12.2013, 00:15

factotum:где можно глянуть
Я немного слоупочу. Глянуть что?
Mirus
Репутация: 0
С нами: 10 лет 5 месяцев

Сообщение #42 Sumanai » 06.12.2013, 02:08

На форум с изображением, вставленным из галереи через интересующий вас тег.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #43 Mirus » 06.12.2013, 10:45

Sumanai, у меня пока что нет такого примера, но постараюсь объяснить на словах. У галереи есть родной тег [album], который нужно использовать так - [album]6[/album], где цифра порядковый номер номер изображения. Когда его применяешь эффект похож, когда использовал тег [img] без Magnific Popup т.е. миниатюра при нажатии на которую открывается изображение в новом окне.
Mirus
Репутация: 0
С нами: 10 лет 5 месяцев

Сообщение #44 factotum » 06.12.2013, 11:25

Mirus, это все здорово, но Вы говорите о красивом прессе, стороне, который видит клиент. А мне нужны кишки - пример в html.

Может кто подкинет ссылку на Галерею?

Код: Выделить всё
<a href="./gallery/image.php?album_id=1&amp;image_id=5" title="Title"><img src="./gallery/image.php?mode=thumbnail&amp;album_id=1&amp;image_id=5" alt="alt" title="Title"></a>
такой формат ноудов с картинками?
factotum
Автор темы
Откуда: Люксембург
Репутация: 234
С нами: 11 лет 11 месяцев

Сообщение #45 MWaso » 04.02.2014, 13:57

Здравствуйте!
Установил скрипт, как показано в первом сообщении. А именно, разархивировал скрипты в папку mfp, поправил файлы overall_footer.html и content.css. Очистил кеш форума. В итоге разметка на всех страничках посыпалась. Открывается просто набор текста и картинок. У меня установлен портал и автомод, больше ничего. Делаю все на локальном сервере пока.

Инспектировал с помощью opera firefly и хромовским отладчиком. Скрипты подгружаются, т.е. путь верный. Опера находит кучу ошибок в скриптах, но это скорее потому что она не понимает что проверяет, потомучто на демо-сайте она находит еще больше ошибок. А вот хром во вкладке Console выдает предупреждение
Код: Выделить всё
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://admc.lc/style.php?id=1&lang=ru
, чего на демо-сайте не повторяется...

Подскажите, пожалуйста, где копать, или какую еще информацию из отладчиков смотреть чтоб найти проблему.

========================UPD===========================

Хм. Поставил на тестовый хостинг - все работает. Локалка у меня на OpenServer работает. Интересно, что с ним не так?

Разрешите еще вопрос по Magnific Popup: Мне нужно чтоб уменьшенные картинки на форуме уехали вправо, а текст их обтекал слева. Для этого я в content.css написал так:
Код: Выделить всё
.postbody .content img, .postbody .signature img {
   float: right;
   margin-right: 5px;
   max-height: 240px;
   width: auto;
}
В результате при открытии странички на полсекунды все выглядит правильно, но затем картинки прыгают где на центр, где налево. Видимо при загрузке скрипта все-таки подменяются стили, определенные в content.css. Кроме того, мой код в content.css приводит к тому что вправо уезжают и смайлики.
Можно как-то изменить код скрипта так, чтобы в content.css задавать стиль только для изображений, требующих уменьшения и чтобы этот стиль оставался после полной загрузки. Как-то так. Моя тестовая страничка.
MWaso
Репутация: 0
С нами: 10 лет 1 месяц

Сообщение #46 Sumanai » 04.02.2014, 15:52

MWaso:Локалка у меня на OpenServer работает. Интересно, что с ним не так?

Какой версии апач? Или nginx?
У меня тоже OpenServer, но таких приколов не было.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #47 MWaso » 05.02.2014, 09:55

Да, вы правы. В настройках стояли не самые свежие версии апача и пехапе. Исправил - заработало. Большое спасибо!

Остается еще вопрос - где в Magnific Popup искать стиль, который подставляется к подхваченным изображениям. Там два CSS файла есть, но пока от них голова кругом идет. Хочу чтобы картинки улетали вправо и обтекались текстом.
MWaso
Репутация: 0
С нами: 10 лет 1 месяц

Сообщение #48 Sumanai » 05.02.2014, 15:12

MWaso:Там два CSS файла есть

Ищите в mfp.css
mfp.min.css- это сжатая версия, её разбирать бессмысленно.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #49 Леля » 26.02.2014, 06:37

А вот этот код куда вставлять? :oops:
Код: Выделить всё
[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>

Добавлено спустя 4 часа 30 минут:
На просильвер устанавливаю нормально, все работает. Устанавливаю на свой стиль, слетает графика, все коряво отображается. Мой стиль это тот же просильвер только сохраненный под моим именем, с небольшими графическими изменениями. Oweral footer ничем у них не отличается :think: В чем может быть причина, кеш чищу естессно

Добавлено спустя 36 минут 54 секунды:
вот код футера
Код: Выделить всё
   </div>

<div id="page-footer">

   <div class="navbar">
      <div class="inner"><span class="corners-top"><span></span></span>

      <ul class="linklist">
         <li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a></li>
         <li class="rightside"><!-- IF not S_IS_BOT --><a rel="nofollow" href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a> &bull; <!-- ENDIF -->{S_TIMEZONE}</li>
      </ul>

      <span class="corners-bottom"><span></span></span></div>
   </div>

   <!-- IF STYLE_COUNTER_HTML_1 or STYLE_COUNTER_HTML_2 or STYLE_COUNTER_HTML_3 or STYLE_COUNTER_HTML_4 or STYLE_COUNTER_HTML_5 -->
   <div class="counters">{STYLE_COUNTER_HTML_1} {STYLE_COUNTER_HTML_2} {STYLE_COUNTER_HTML_3} {STYLE_COUNTER_HTML_4} {STYLE_COUNTER_HTML_5}</div>
   <!-- ENDIF -->

   <div class="copyright">
      <!-- Please do not remove the copyright of phpBB and phpBBex! Будьте добры, не удаляйте копирайт и ссылки phpBB и phpBBex! -->
      <!-- IF COPYRIGHT_NOTICE -->{COPYRIGHT_NOTICE}<!-- ELSE -->{CREDIT_LINE}<!-- ENDIF -->
      <!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
   </div>

   <div class="clear"></div>
</div>

<div style="height: 0px; overflow: hidden;">
   <a id="bottom" name="bottom" accesskey="z"></a>
   <!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>

</div>

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

</body>
</html>

Ничего не понимаю. Удаляю скрипт, все равно ничего не исправляется. До установки скрипта стиль работает.
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 1 месяц

Сообщение #50 VEG » 26.02.2014, 12:19

Леля, скорее всего вы забыли сделать копии файлов этого мода для вашего шаблона. Вообще проще всего не создавать отдельный каталог для вашего стиля, а делать все правки в стандартном шаблоне.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #51 Леля » 26.02.2014, 14:32

VEG:Леля, скорее всего вы забыли сделать копии файлов этого мода для вашего шаблона. Вообще проще всего не создавать отдельный каталог для вашего стиля, а делать все правки в стандартном шаблоне.
Не совсем понимаю, какие копии и куда я должна была сделать. :oops: Там же всего одна папка mfp создается в корне форума, а в стилях меняются всего два файла оверал футер, и сонтент. Так? я в своем стиле их меняла. А отдельный каталог создала, потому что, вычитали на php-guru, что лучше изначально делать свой шаблон, чтобы при переносе форума (если понадобиться), заново все не делать. вроде так.
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 1 месяц

Сообщение #52 Sumanai » 26.02.2014, 15:16

Леля:А вот этот код куда вставлять? :oops:

Никуда.

Леля:то лучше изначально делать свой шаблон, чтобы при переносе форума (если понадобиться), заново все не делать.

Странный совет. Не вижу смысла переносить куда- то форум частями. При переносе проще целиком все папки копировать.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #53 Леля » 26.02.2014, 15:22

А куда копии мода то делать, что то я не догоняю. :sad:
Очень уж нужен этот мод. Пробую на тестовом форуме пока.
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 1 месяц

Сообщение #54 Sumanai » 26.02.2014, 16:24

Копии нужно делать, когда у мода есть свои файлы. В вашем случаи нужно просто проделать все изменения сразу в двух стилях- стандартном и вашем.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #55 Леля » 26.02.2014, 16:53

Ситуация такая. После изменеия "оверал футер" все работает, все хорошо! Но когда добавляю измененный content.ccs все слетает. В чем может быть конфликт? код вставляю из первого сообщения, пока не меняю. Может размер превьюшки можно по другому изменить, речь идет не о вложениях, а именно о загружаемых фото.
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 1 месяц

Сообщение #56 VEG » 26.02.2014, 17:13

Леля:Там же всего одна папка mfp создается в корне форума, а в стилях меняются всего два файла оверал футер, и сонтент. Так?
Мод не изучал, предполагал, что некоторые файлы копируются в каталог стиля. В любом случае, если с одним стилем всё работает, с другим — нет, значит что-то было сделано не так.

Леля:А отдельный каталог создала, потому что, вычитали на php-guru, что лучше изначально делать свой шаблон, чтобы при переносе форума (если понадобиться), заново все не делать.
В создании отдельного каталога с шаблоном нет необходимости. Не все советы с phpbb-guru.net одинаково полезны.

Леля:Ситуация такая. После изменеия "оверал футер" все работает, все хорошо! Но когда добавляю измененный content.ccs все слетает. В чем может быть конфликт? код вставляю из первого сообщения, пока не меняю. Может размер превьюшки можно по другому изменить, речь идет не о вложениях, а именно о загружаемых фото.
Как выглядит это «всё слетает»? Возможно, вы нарушаете синтаксис CSS файла при изменении.
VEG M
Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #57 Леля » 26.02.2014, 17:25

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

поменяла просто:
Код: Выделить всё
.postbody .content img, .postbody .signature img {
   max-height: 200px;
   vertical-align: bottom;
}
все работает! :smile:
Леля F
Аватара
Откуда: Новосибирск
Репутация: 7
С нами: 10 лет 1 месяц

Сообщение #58 pisikot » 25.12.2014, 14:17

Можно ли сделать чтобы портал не попадал под создание миниатюр?

На форуме изображения 400px, а на портале оригинал.
pisikot M
Аватара
Откуда: Тюмень, Россия
Репутация: 43
С нами: 11 лет 6 месяцев

Сообщение #59 oops » 25.12.2014, 18:24

pisikot,
если правильно понял, то:
картинки на форуме будут уменьшаться до 400пикселей в ширину
картинки на портале будут иметь ширину 100% от блока + ссылку на полноразмерную версию?

тогда где-то так:
.portal-img-class {
display: block;
max-width: 100%; // Part 1: Set a maximum relative to the parent
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}
.portal-ing-class - заменить на селектор картинок в портале.

Если не получится - ссылка на демо приветствуется.

Добавлено спустя 4 часа 25 минут:
все же будет правильней и тут проинформировать. Дмитрий Семенов сейчас развивает новую лайт-бокс бибилиотеку - PhotoSwipe. Считать заменой Magnific Popup. Уже на нативном js без jQuery, расширенные фичи для мобильных устройств, интеграция слайдшоу, гибкая настройка и чего там еще. В общем можно сказать Magnific Popup стал морально устаревшим. Дальнейшего развития не будет.
oops
Гость

Сообщение #60 pisikot » 03.08.2015, 14:28

oops:все же будет правильней и тут проинформировать. Дмитрий Семенов сейчас развивает новую лайт-бокс бибилиотеку - PhotoSwipe. Считать заменой Magnific Popup.

Кто пробовал PhotoSwipe прикрутить?)
pisikot M
Аватара
Откуда: Тюмень, Россия
Репутация: 43
С нами: 11 лет 6 месяцев

Пред.

Вернуться в Мастерская 1.x



cron