1 (edited by PunBB 2018.03.02 07:02)

Topic: Pan Preview Image - предпросмотр изображений, превью

Расширение Pan Preview Image создает превью изображения при его загрузке с помощью загрузчика Pan Uoloader. В настройках Загрузчика на вкладке Миниатюры можно установить максимальную высоту миниатюр. Изображения копируются в директорию /uploads/images/preview/. Затем изображения уменьшаются и сжимаются с помощью скрипта. Средний размер превьюшек примерно около 2 - 4 кб.

Если вы уже давно установили Pan Uoloader и желаете, чтобы все загруженные картинки приняли вид миниатюр, то в настройках имеется конвертер. Он поможет вам найти все изображения во всех сообщениях и создаст для них превьюшки.

https://punbb.info/uploads/images/2017/06/248ccc11cec3f54b00198932b9a04d9b.png

Скачать расширение Pan Preview Image

3

2 (edited by kisa 2017.06.13 03:51)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/dance  PunBB_INFO_ICQ/bravo
Не хватало. Ой, как же ж не хватало такой штуки. У меня, пожалуй, это была последняя крупная нехватка, чтоб форум был правильным. Это большая и очень нужная работа.

Но не решена проблема вертикальных картинок. Причём не только вертикальных, но и просто высоких пропорций, пусть горизонтальных.. А на мобильных устройствах и картинки нормальных пропорций в горизонтальной ориентации уплывают вниз.
Нужен скролл.

Добавлено: 2017.06.13 12:31

И забыл вывести в управление расширениями ссылку на настройки  PunBB_INFO_ICQ/crasy

Добавлено: 2017.06.13 12:49

Что скажет Pan SEO?

3

Re: Pan Preview Image - предпросмотр изображений, превью

Что скажет Pan SEO?

Пока отключите в настройках SEO генерацию тайтла и альта. Потом что нибудь придумаем.

Если кто придумает раньше центрирование выложите в тему стили.

Перетаскивание тоже не сложно сделать. У нас своеобразное подключение основной картинки, поэтому сторонние скрипты не подходят. Сами писать будем...

4 (edited by kisa 2017.06.13 04:16)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/cray
Без решения с вертикальными картинками на боевой ставить нельзя PunBB_INFO_ICQ/sorry
Таскать? Скролить?

Добавлено: 2017.06.13 13:13

Я ж позавчера отцентрировал, но требует доработки - на больших экранах полная картинка маловата. И большие вертикальные не лезут.

.entry-content .pan-preview{}
.pan-preview-popup {
   position: fixed;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pan-preview-popup img {
   max-width: 120%;
   border-width: 2px;
   border-style: solid;
   border-color: white;
   background: gray;
/*   box-shadow: 0 0 4px 4px rgba(188, 199, 206, 0.47);*/
   box-shadow: 1px 2px 13px 1px rgba(34, 34, 34, 0.65);
}

Скролл нужен. Тогда стили можно сильно упростить.

5

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB, отличное расширение! давно его ждал, руки не доходили на зайти на форум и кинуть клич о его разработке. Кинул на счёт в Яндекс деньгах небольшую благодарность  PunBB_INFO_ICQ/yes  Блин, Яндекс списал комиссию с получателя - не доработан у них в этом плане сервис, когда благодарности отправляешь прямо из виджетов на сайтах.

6

Re: Pan Preview Image - предпросмотр изображений, превью

Sergemail500, привет!  PunBB_INFO_ICQ/hi  давно не видел.

Тебе спасибо за поддержку! Даа, яндекс это еще та козявка  PunBB_INFO_ICQ/no .... но им тоже кушать надо, а то бедняги программисты совсем отупеют от голодухи  PunBB_INFO_ICQ/jokingly

Тфу, как завел разговор про яндекс, так сразу вспомнился их неуправляемый навигатор. Фу, фу. PunBB_INFO_ICQ/wall

1

7 (edited by acer 2017.06.14 00:17)

Re: Pan Preview Image - предпросмотр изображений, превью

В целом мне понравилось.
Есть несколько моментов:
- стрелки туда сюда нужны. Нажимать каждую картинку, а потом закрывать каждую. Уф
- Картинка закрывается только когда опять по ней щелкнешь. Все привыкли по экрану щелкать, а щелчок по картинке обычно это "Next картинка"
-затемнение экрана при увеличении картинки - это на любителя.
- ссылки на картинки: сделаешь через пробел - они горизонтально, поставишь через Enter- они вертикально.
Если две ссылки через пробел и 2 через enter, то так и будет 2 горизонтально потом 2 вертикально = 3 строки.
- Про счетчик скачиваний в постах (2) - можно так и написать скачано или скачали и цифры, а то что за циферка в скобках.
-увеличенная картинка не центруется по вертикали, а уходит вниз под экран и обрезается.

https://punbb.info/uploads/images/2017/06/7f63aefb3a33b7ebb916571b12b8d720.jpg

Добавлено: 2017.06.14 01:33

Кнопку "Создать превью из загруженных" я вообще не понял.
Тестил на локалке:
"Найдено ссылок на изображения в сообщениях: 19"
Ну нажал попробовать.
50% картинок остались гигантскими в постах как и были.
еще сколько-то были итак превьюшные и нормально увеличивались в нормальном разрешении (были загружены другим аплоадером), а стали увеличиваться размытыми с очень низким разрешением (если картинку 100х100 (2kb) увеличить до 800х800)

Добавлено: 2017.06.14 01:39

3) в папке с картинками
\uploads\previews\2017\06 куда закачались мои 4 картинки
создалась еще папка uploads и в ней такооооооое.....
3 раза вложенность пустых папок по кругу
\uploads\previews\2017\06\uploads\previews\2017\06\uploads\previews\2017\06\

Картинок 4, возможно 4-1 = получите 3 вложенности  PunBB_INFO_ICQ/bigsmile
Папки все пустые.

Последующие загрузки картинок в посты не увеличили количество этих пустых папок.

Добавлено: 2017.06.14 01:57

Да, вычислил когда папки появились: удалил 2 поста с картинками, картинки удалились и из админки и с локалки.
Потом опять создал пост с 4мя картинками, как я и предположил 4-1=3 вложенности длинного пути.
При загрузке одной картинки в пост не создаются папки. От 2х штук создаются. 2-1=1 цепочка вложенности.

Добавлено: 2017.06.14 02:10

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

Добавлено: 2017.06.14 02:15

Когда удаляю пост с картинкой, то картинка удаляется с сервера.
Когда картинку удаляю из админки, то она остается на сервере.
Не знаю может так и задумывалось, а может нет.

Еще:
Написал пост содержащий только картинку. Удалил картинку через админку.
Пост остался совершенно  пустым, только подпись.

1

8

Re: Pan Preview Image - предпросмотр изображений, превью

Написал пост содержащий только картинку. Удалил картинку через админку.
Пост остался совершенно  пустым.

Это фича, чтобы в постах не содержалось битых ссылок!

9 (edited by kisa 2017.06.13 21:50)

Re: Pan Preview Image - предпросмотр изображений, превью

acerPunBB_INFO_ICQ/bigsmile кнопочки-стрелочки - это Fancy Box есть. Уважаемый sempai его поддерживает и в своём варианте показывал вот ссылка
А смысл  Pan Preview Image со стороны пользователя - предельный минимализм и аскетичность. Идеальная конструкция, от которой ничего нельзя убрать. А не такая, где нет места, чтобы ещё чего-то навешать  PunBB_INFO_ICQ/bigsmile

Баг-репорт  PunBB_INFO_ICQ/thumbsup

10 (edited by PunBB 2017.06.13 22:30)

Re: Pan Preview Image - предпросмотр изображений, превью

Во молодец!  PunBB_INFO_ICQ/thumbsup протестировал так протестировал  PunBB_INFO_ICQ/bigsmile

создалась еще папка uploads и в ней такооооооое.....
3 раза вложенность пустых папок по кругу

А у меня у самого один раз такое было, но второй раз так и не получилось воспроизвести глюк. Вероятно подвисание это и было из за зацикливания. Рассмотрим  PunBB_INFO_ICQ/smile

11

Re: Pan Preview Image - предпросмотр изображений, превью

sempai wrote:

Написал пост содержащий только картинку. Удалил картинку через админку.
    Пост остался совершенно  пустым.
Это фича, чтобы в постах не содержалось битых ссылок!

Хорошо что не будет битых ссылок, а пустые сообщения разве интересны? )

PunBB wrote:

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

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

12

Re: Pan Preview Image - предпросмотр изображений, превью

acer wrote:

а пустые сообщения разве интересны? )

ну а какие есть предложения? удалять само пустое сообщение?

13 (edited by acer 2017.06.14 00:38)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB wrote:

ну а какие есть предложения? удалять само пустое сообщение?

Удаление на автомате всегда опасно, вдруг автоматика заклинит и будет удалять нужное.
О, придумал.

После удаления картинки и понимания что сообщение может быть пустое, скрывать его и отправлять модераторам (как в дополнении пан модератор в случае с публикацией сообщений со ссылками).

Это мое предположение.

Добавлено: 2017.06.14 10:36

Еще добавка:
Картинки загружаются в пост поштучно.
Это на любителя.
С одной стороны сдерживает пользователя от массовой загрузки хлама.
С другой стороны не очень удобно загрузить 10 картинок.

Меня устраивает поштучно, но для развития проекта могу предложить (не знаю сложно это реализовать или нет), сделать настройку в админке:
- загружать поштучно
- загружать массово (с ограничением столько-то за 1 раз)

Админы на своих форумах сами смогут выбрать в настройках как им разрешить грузить картинки.

14 (edited by kisa 2017.06.14 00:50)

Re: Pan Preview Image - предпросмотр изображений, превью

Это больше относится к аплоадеру. Но он организован идеально:  массовая загрузка, если подумать, потребует больше кликов. Она тут изначально как бы массовая.

При поштучной 1 загрузка - 3 клика (ВВ кнопка, выбор и согласие с выбором). При массовой будет минимум на один больше - типа отправить всё. Это категорически лишено смысла и только неудобств добавляет, если картинки нужно чередовать с текстом. Тогда ещё клики добавятся.

15

Re: Pan Preview Image - предпросмотр изображений, превью

но для развития проекта могу предложить (не знаю сложно это реализовать или нет)

Не вариант, нужно переписывать большенство функций расширения!

Да и с трудом представляю посты, где нужно загружать по 10 изображений разом, это же форум а не фотохостинг. PunBB_INFO_ICQ/whipped

1

16 (edited by acer 2017.06.14 01:00)

Re: Pan Preview Image - предпросмотр изображений, превью

kisa wrote:

кнопочки-стрелочки - это Fancy Box есть. Уважаемый sempai его поддерживает и в своём варианте показывал вот ссылка

Установил. Дополнение работает как ему хочется.

1) Дополнение собирает все картинки в теме и листает их, а не только те которые в посте.
2) слетели все превьюшки сделанные "аплоадером с превьюшками" и стали в реальный размер - огромные.

Отключил fancy и все превьюшки вернулись

17 (edited by sempai 2017.06.14 01:07)

Re: Pan Preview Image - предпросмотр изображений, превью

Дополнение собирает все картинки в теме и листает их, а не только те которые в посте.

Да, так и задуманно. Данное расширение написано довольно давно, когда Pan Preview Image будет боле-менее стабилен (профиксен от найденых багов), я пересоберу расширение FancyBox для корректной работы с расширением от PunBB.

18

Re: Pan Preview Image - предпросмотр изображений, превью

sempai, Кстати да, это будет круто. Пан превью обеспечит превью и аскетичный интерфейс, а Фанси бокс добавит плюшек и слайд-шоу (о полезности которого в отдельных случаях я уже писал) там, где это нужно. И втроём с аплоадером это будет отличная гармоничная гибкая  связка-комбайн по работе с картинками  PunBB_INFO_ICQ/thumbsup

19 (edited by PunBB 2017.06.14 14:36)

Re: Pan Preview Image - предпросмотр изображений, превью

acer wrote:

Кнопку "Создать превью из загруженных" я вообще не понял.

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

acer wrote:

создалась еще папка uploads и в ней такооооооое


Обновлено расширение до 0.2 (требуется переустановка && чистка кеша браузера)

+ Устранена проблема зацикливанием.
+ Замена полномасштабного фиксированного отображения на статичный в пределах превью. Следуюшее изображение не будет открыто пока не закроешь открытое. Пока так.
+ Для удаления превью после удаления оригинала из админки Pan Uploader'а была добавлена функция удаления. Для этого вам потребуется обновить сам аплоадер.
+ В стили добавлены пороги для разной ширины экрана. Для меньших экранов также настройте порог срабатывания.

@media screen and (max-width: 600px) {
.pan-preview-popup img {left: 5%;width:500px;}
}

+ Добавлена настройка максимальной ширины
Совет. Желательно указывать, чтобы ширина изображения была больше, чем его высота. Это особенно актуально для панорамм. Например, если панорамма имеет разрешение 900 х 100, а в настройках установлена ширина 120, то изображение не будет обрезано по высоте. Но если ширина установлена 300, то изображение будет уменьшено согласно пропорциям изображения. Кроме того учитывайте, чем больше разнятся соотношения сторон, тем хуже сжатие и больше размер превью.

Добавлено: 2017.06.15 00:34

Кстати, если вы пользуетесь Pan SEO, то не забудьте его обновить. Всего для нормальной работы, вам потребуется обновить следующие расширения:
- Pan Framework
- Pan Uploader
- Pan SEO

2

20 (edited by kisa 2017.06.15 00:57)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/thumbsup Какое ж оно классное получилось. It's PunBB, baby PunBB_INFO_ICQ/rofl  PunBB_INFO_ICQ/wink

Открытие-закрытие картинок мне показалось эээ... тягучим. Установил у себя fadeIn и fadeOut по 200. Работает резче, но не пугает PunBB_INFO_ICQ/bigsmile . Квадратно и реактивно  PunBB_INFO_ICQ/bigsmile

Тестим.

Пока заметил, что при индексации и создании превью в первом проходе пропустило часть картинок. После второго прохода их добавило. Но кое-какие остались, и третий проход им не помог. Зато обнаружнеы картинки, которые не должны были подхватиться, но подхватилсь (закачаные аплоадером, который был снесен вместе с фотоархивом, а фотоархив потом восстановлен из бэкапа, аплоадер установлен с нуля). Наблюдаю, разберусь-доложу.

Хочу заострить внимание коллег на этом списке

...потребуется обновить следующие расширения:
- Pan Framework
- Pan Uploader
- Pan SEO

А то по ночи были проблемы  PunBB_INFO_ICQ/bigsmile

21

Re: Pan Preview Image - предпросмотр изображений, превью

Не очень симпатично, когда картинка в полный размер открывается не по центру окна...

22

Re: Pan Preview Image - предпросмотр изображений, превью

Из-за особенностей разметки страниц топиков центровка - это  PunBB_INFO_ICQ/wall
Что по вертикали, что (особенно) по горизонтали. Если б все картинки были одного размера... А лучше - и все экраны PunBB_INFO_ICQ/bigsmile

23 (edited by Grand91 2017.06.15 02:09)

Re: Pan Preview Image - предпросмотр изображений, превью

kisa, я человек от этого далекий, но мне казалось, что есть простой способ для автоматического центрирования изображения, в зависимости от размеров окна. Неоднократно видел такой фокус с модальными окнами  PunBB_INFO_ICQ/smile
Безусловно, и так расширение очень нужное и полезное, это все мелкие придирки  PunBB_INFO_ICQ/blush

Добавлено: 2017.06.15 12:08

С чем связана такая ошибка при загрузке изображения?

class file ImageResize not exist on ./extensions/imageresize.php

24

Re: Pan Preview Image - предпросмотр изображений, превью

Grand91 wrote:

Неоднократно видел такой фокус с модальными окнами

Grand91, если видел, то делись. Или хотя бы скинь скрин, параметры экрана, браузер и тп. Тут гадателей на кофейной гуще нет.

25

Re: Pan Preview Image - предпросмотр изображений, превью

Если это чем-то поможет...
https://punbb.info/uploads/images/2017/06/cf56cf2f0de8386810f2e33b46fad651.png https://punbb.info/uploads/images/2017/06/a5796d473ef4ff4663ddb88271655c4e.png
Браузеры все стандартные (IE, Chrome, FF), параметры экрана... Что именно интересует? Реагирует на любые размеры окна.
Может эти статьи будут полезны людям, которые в этом разбираются?  PunBB_INFO_ICQ/smile
вот ссылка
вот ссылка

А по поводу ошибки можешь чем-то помочь?

Добавлено: 2017.06.15 12:26

Хмммм... В полном размере картинки никак не посмотреть? Даже на увеличенных текста не разобрать.

26 (edited by PunBB 2017.06.15 02:40)

Re: Pan Preview Image - предпросмотр изображений, превью

Grand91 wrote:

Даже на увеличенных текста не разобрать

это сжимает аплоадер, видимо нужно настроить процент сжатия. Надо подумать над добавлением процента сжатия  PunBB_INFO_ICQ/scratch

По ошибке: class file ImageResize not exist on ./extensions/imageresize.php
говорит, что не может найти класс ImageResize в файле imageresize.php только не понятного какого расширения... Было бы лучше полную строку из лог пхп скинуть, а то не понятно.

Grand91 wrote:

когда картинка в полный размер открывается не по центру окна

не вижу где не по центру. Может имели ввиду не по центру по вертикали? Такая проблемка имеется и скоро будет устранена.

27

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB wrote:

Было бы лучше полную строку из лог пхп скинуть, а то не понятно.

Файл error_log в корне форума? Там только очередные ворнинги по sqlite3. Обновил Pan Framework, поставил Pan Uploader и сабж.

PunBB wrote:

не вижу где не по центру

https://punbb.info/uploads/images/2017/06/ebb80e0bf811183bb2ec15631ab3b6b7.png
Не по центру ведь, ни по вертикали, ни по горизонтали  PunBB_INFO_ICQ/smile Кэш чистил.

Добавлено: 2017.06.15 12:53

На одном форуме (который уже, к сожалению, не существует  PunBB_INFO_ICQ/sad ) были очень приятственно реализованы миниатюры: по клику открывались в полный размер по центру экрана. Если изображение больше окна, то емнип появлялись скроллбары для прокрутки. Ну и стрелки вперед-назад по бокам изображения для смены картинок в рамках поста.

28

Re: Pan Preview Image - предпросмотр изображений, превью

Grand91 wrote:

Не по центру ведь, ни по вертикали, ни по горизонтали

тфю ты, я то думал... говорил выше, ждем обновление  PunBB_INFO_ICQ/smile

и лог ошибок пхп

29 (edited by kisa 2017.06.15 10:45)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/bigsmile
Сейчас картинки привязываются по левому верхнему углу. А остальное зависит уже от её размеров и пропорций...

А ждём, ага PunBB_INFO_ICQ/cool

Добавлено: 2017.06.15 19:43

То, что картинки по вертикали пляшут от верхнего края, видится правильным. Они имеют разную высоту, некоторые вертикальны. И как-то логичнее видеть верх картинки и просмотреть её сверху вниз, если она не поместилась в экран.
А не мотать туда-сюда от середины.

30

Re: Pan Preview Image - предпросмотр изображений, превью

kisa wrote:

То, что картинки по вертикали пляшут от верхнего края, видится правильным.

Сейчас у большинства минимум FHD, а загружаемые картинки не так уж часто будут превышать 1080 пикселей по высоте.
Превью неплохо реализованы на rustorka.com, можно глянуть как там.

31 (edited by PunBB 2017.06.15 11:44)

Re: Pan Preview Image - предпросмотр изображений, превью

Grand91 wrote:

Сейчас у большинства минимум FHD

и смартифоны вертикальные.

Обновлено расширение до 0.3
+ Внес некоторые исправления, чуток поборолся со стилями.
+ Добавлен прогресс-бар загрузки картинки

Превьюшки переустановки не боятся. Так что переустанавливаем, чистим кеш и критикуем в пределах разумного.

Добавлено: 2017.06.15 21:39

Кстати, результат работы можно проверить уже здесь  PunBB_INFO_ICQ/smile

Добавлено: 2017.06.15 21:42

Тестирование. Вертикальное и горизонтальное изображения.

https://punbb.info/uploads/images/2017/06/670e579bca8199ee2c940e04afd75f39.jpg  https://punbb.info/uploads/images/2017/06/3ecf50033e1082bb8b4d87b37f54870e.jpg

32 (edited by kisa 2017.06.15 12:14)

Re: Pan Preview Image - предпросмотр изображений, превью

Не совсем хорошо, что картинки в нереальных размерах показываются. Я на своём мониторе вертикальную вижу раза в два увеличенной, а горизонтальную - слегка уменьшенной.

Не ковырялся в этом механизме, который делает превьюхи из старых картинок? Местами странноватое поведение, но пока не уловил. Он с БД работает, или с папкой аплоадс?

33

Re: Pan Preview Image - предпросмотр изображений, превью

kisa wrote:

превьюхи из старых картинок

пока оставлю так. С transform: translate(-50%, -50%); тоже не дело. При растягивании экрана картинка меняет свою позицию и уходит за пределы окна браузера. Сейчас более менее нормальный вид, кому не хватает пару пикселей до центра, настройте отступы:

.prew-pos-w img {left: 12%;}/*для горизонтальных картинок*/
.prew-pos-h img {left: 35%;}/*для вертикальных картинок*/

kisa, ширина фиксированная, можешь для себя убрать ее совсем: width:900px; и так далее по всем порогам.

34 (edited by kisa 2017.06.15 13:39)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/yes Намерен по-любому поиграться со стилями. Просто полдня убью, а оно к следующей версии не подойдёт  PunBB_INFO_ICQ/bigsmile
Мои, кстати, на удивление не хрустят - видать, понравилось  PunBB_INFO_ICQ/wink
Обновлюсь, пока минутка свободная.

Добавлено: 2017.06.15 22:14

PunBB_INFO_ICQ/thumbsup
Стили на досуге помучаю. Может быть.
А всё-таки, почему скрипт, который собирает старые картинки, некоторые пропускает? Может быть из-за длиннючего имени, например

/images/2017/05/192208_image-0-02-05-ccb33cb30e481f79c80ad258152cfaf9595c952cdeb05eae58fb9faa39bd794e-V.jpg

?

Он в БД картинки собирает, или прочёсывает папку /uploads?

Добавлено: 2017.06.15 22:21

Эти картинки в соседней вкладке до сих пор крутят прогрессбары, пока я сделал скриншот и пишу этот пост  PunBB_INFO_ICQ/bigsmile
https://punbb.info/uploads/images/2017/06/a7f3028ded5f5779fd49a465f472db19.jpg

Они были нажаты при незакрытой ещё одной. Её закрыл, а эти продолжают забавляться  PunBB_INFO_ICQ/smile
Нужно открыть ещё любую картинку, тогда прогрессбары исчезают.

Добавлено: 2017.06.15 22:39

Не сильно хорошо, что превьюхи не показываются при предпросмотре. Сильно хуже будет, если они не при публикации поста будут создаваться, а при закачке?
Или сложно организовать?
Или помешает в перспективе?
Пока не соображу PunBB_INFO_ICQ/smile

35

Re: Pan Preview Image - предпросмотр изображений, превью

вот на счет длиннющего имени может быть, на до тестить.
Процесс бары заметил, устранимо.
Последнего не понял  PunBB_INFO_ICQ/crasy  какой в  этом смысл?

36 (edited by kisa 2017.06.15 14:13)

Re: Pan Preview Image - предпросмотр изображений, превью

Пишешь пост, размещаешь красиво картинки, контроллируешь вид через предпросмотр, а они там огромные, как раньше  PunBB_INFO_ICQ/pardon

Добавлено: 2017.06.15 23:09

Ну вот пост с заколдованной картинкой вот ссылка . У этой картинки километровое имя.

Колеги. Дякую за теплий прийом.

[img]http://krokovod.org/forum/uploads/images/2017/05/192208_image-0-02-05-ccb33cb30e481f79c80ad258152cfaf9595c952cdeb05eae58fb9faa39bd794e-V.jpg[/img]

До и после него преобразовались.

Но я её скачал, запостил по-новой (имя ещё длиннее получилось - у меня ж к оригинальному добавляется дата-время). Нормально, превью есть. Значит не в длине имени дело.

37 (edited by PunBB 2017.06.15 14:23)

Re: Pan Preview Image - предпросмотр изображений, превью

Обновил расширение.

+ Устранил проблему с LOADING.

kisa wrote:

а они там огромные, как раньше

Вот смотри, размер той фотки 851 х 638.25.  вставляем сюда
https://punbb.info/uploads/images/2017/06/c9377feaeba9c2da1ef82809af4a4c72.jpg

что видим? классную превьюшку. Посмотри, есть ссылка в базе данных и не отличается ли она от реальной?

Добавлено: 2017.06.16 00:27

https://punbb.info/uploads/images/2017/06/36728a03540184ba811ed2de9f52a98a.png

в исходнике видим так же, что нет атрибута DATA в котором должна содержаться ссылка на большую фотографию. Значит нужно искать ее на сервере в папке превьюшек. Если она там есть, то хорошо, если нет, тогда смотреть почему не создается хуках.

38 (edited by kisa 2017.06.15 14:33)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/bigsmile Ты всё в кучу спутал.
1 непорядок, постоянный:
Пишешь пост, закачиваешь картинку, жмёшь предпросмотр. Ладно, когда там два слова и одна картинка. А когда диссертация - уже нервирует. Отправляешь - всё ок, с превьюхами.
Терпимо, но непорядочек вроде.
В режиме предпросмотра превьюхи других постов не открываются, и это нормально.

2 непорядок - плавающий. Эта картинка с моим гостем и двумя велами. Я её скачивал и вставлял в другой пост. У меня ж другое именование файлов - оригинальное имя и датавремя.
Да когда скачанная вставляется в другой пост - всё ок. Я ж говорю. А вот там не преобразовалась после нескольких проходов. В одном посту. До и после которого все картинки прилежно обзавелись превью.


Посе первого прохода многие пропустило. Потом, после ещё пары проходов, остальные обзавелись превьюхами, а эта - нет. Т.е. не всё в большом порядке с преобразованием.

Ну и закачанные старым аплоадером (снесенным)  тоже странно себя ведут. Вроде найлена картинка до сноса старого аплоадера - её преобразовало. Утром внимательно рассмотрю. Ага, утром поразбираюсь.

39

Re: Pan Preview Image - предпросмотр изображений, превью

kisa wrote:

А вот там не преобразовалась после нескольких проходов. В одном посту. До и после которого все картинки прилежно обзавелись превью.

фантастика  PunBB_INFO_ICQ/whipped если ты прогонял конвертером, то надо смотреть файл настроек.

Добавлено: 2017.06.16 01:01

ааа, вроде нашел. завтра разберемся

40

Re: Pan Preview Image - предпросмотр изображений, превью

This content is available only to registered users.

41

Re: Pan Preview Image - предпросмотр изображений, превью

Обновлено расширение миниатюр до 0.3 версии.

+ Улучшен конвертер картинок.
+ Добавлен украинский язык
+ Смена метода позиционирования

В действии можно посмотреть на форуме после обновления кеша браузера.

2

42 (edited by sempai 2017.06.18 16:04)

Re: Pan Preview Image - предпросмотр изображений, превью

Для любителей Fancy Box:

FancyBox for Pan Preview of Images

P.S. если установлена другая версия Fancy Box, ее нужно удалить перед установкой данного расширения!


Немного скорректировал, теперь должно цеплять все изображения.

2

43 (edited by kisa 2017.06.16 11:25)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/bravo
sempai, Аплодирую стоя. Получился тот самый модульный комбайн (на любой вкус!) из трёх расширений, о котором я говорил PunBB_INFO_ICQ/thumbsup
Пару моментов: превьюха от левого фотохостинга рассматривается, как изображение.
Кнопки перемоток при разнокалиберных фотках оказываются в разных местах, что является некоторой профанацией самой их идеи. Я не сразу догадался  PunBB_INFO_ICQ/cool , что вся зона экрана является кнопкой.

На моём боевом форуме эээ.. такая красота ни к чему  PunBB_INFO_ICQ/bigsmile (точнее, у меня свои виды на перспективы Pan preview, оглядываясь на специфику форума), но кому любопытно, можно глянуть на тестовый - некоторое время (до вечера, или неделю  PunBB_INFO_ICQ/bigsmile ) расширение там побудет. вот ссылка - когда придётся снести, ссылку здесь уберу.

Добавлено: 2017.06.16 20:19

PunBB, а там центровка и размеры картинок идеальны на любых экранах PunBB_INFO_ICQ/cool Нельзя ли эээ... творчески позаимствовать?

44 (edited by sempai 2017.06.16 11:37)

Re: Pan Preview Image - предпросмотр изображений, превью

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

Так и есть, остальные картинки или нужно оформлять в соответствии с требованиями FancyBox, или писать для каждого фотохостинга свое правило, чтобы FancyBox их правильно подцеплял.

45

Re: Pan Preview Image - предпросмотр изображений, превью

Ну да, в случае использования, форумчан можно проинструктировать - типа хотите, чтоб было красиво - давайте прямую ссылку на картинку, а не вотето.
Ага.. не цепляет стороннюю через [img ][/img ] (там на тестовом крайний пост).

46 (edited by PunBB 2017.06.16 11:44)

Re: Pan Preview Image - предпросмотр изображений, превью

да все можно. Семпай использует готовую библиотеку, а мне часами колупаться нужно, что бы удержать золотую середину. Там много обработчиков событий, которые реагируют на любые изменения, размер окна например:

Сейчас и в этом скрипте нашел почти идеальное решение.

      $(".pan-preview-popup img").load(function(){
         $(".pan-preview-main").fadeIn(300);
         $(".pan-prew-loading").remove();
         var imgW=$(this).width();
         var imgH=$(this).height()+5;
         var perW=((winW-imgW)*100/winW)/2;
         var perH=((winH-imgH)*100/winH)/2;
         $(".prew-pos").css({"left":perW+'%',"margin-top":"10%"});
      });

Здесь скрипт срабатывает при загрузке страницы и вычисляет процент свободного пространства от общей ширины экрана.

При изменении размеров окна можно добавить такой способ:

$(window).resize(function(){
  alert('Размеры окна браузера изменены.');
});

Поменяем код немного на

// установим обработчик события resize
$(".pan-preview-popup img").load(function()
{
    $(window).resize(function(){
      $(".pan-preview-main").fadeIn(300);
      $(".pan-prew-loading").remove();
      var imgW=$(this).width();
      var imgH=$(this).height()+5;
      var perW=((winW-imgW)*100/winW)/2;
      var perH=((winH-imgH)*100/winH)/2;
      $(".prew-pos").css({"left":perW+'%',"margin-top":"10%"});
    });
});

В теории должно работать. Можно добавить и другие события.

47 (edited by sempai 2017.06.16 18:26)

Re: Pan Preview Image - предпросмотр изображений, превью

Конечно уже поздно, но все равно озвучу идею.

Можно создать отдельный тег, к примеру:

[preview][/preview] или [thumb][/thumb]
[preview=ссылка на полное изображение][/preview]

И если к примеру захотелось выложить сразу полноразмерное изображение, то вылаживаем в тегах

[имг][/имг]

Захотелось с превьюхой

[preview][/preview]

С превьюхой со стороннего хостинга

[preview=ссылка на полное изображение][/preview]

Хотя по большому счету и так все супер!  PunBB_INFO_ICQ/thumbsup

48 (edited by kisa 2017.06.16 13:59)

Re: Pan Preview Image - предпросмотр изображений, превью

sempai wrote:

Немного скорректировал, теперь должно цеплять все изображения.

PunBB_INFO_ICQ/thumbsup Цепляет. Можно посмотреть по моей ссылке выше.
Там смайл есть - его тоже цепляет, ибо это не смайл, а вставленная через имг картинка  PunBB_INFO_ICQ/bigsmile (образец гиф, который не должен обрабатываться Pan Preview Image )

49

Re: Pan Preview Image - предпросмотр изображений, превью

kisa wrote:

Там смайл есть - его тоже цепляет

PunBB_INFO_ICQ/rofl

50 (edited by kisa 2017.06.16 14:05)

Re: Pan Preview Image - предпросмотр изображений, превью

PunBB_INFO_ICQ/bigsmile Не, ну он там - законная левая картинка с другого сайта.
sempai, кстати (в порядке мозгового штурма), не обойти ли Вам гиф тоже?
Из превью их исключили по той причине, что основной смысл этих картинок - торчать в тексте и смешить. Или на технических форумах демонстрировать в динамике работу всякой техники. Даже у меня есть парочка.

И когда вместо живой гифки среди текста располагается её дохлый макет, эффект очень даже теряет свежесть. Кликать на прикол, чтобы он ожил - как-то не алё. И сторонние смайлы - не один я любитель...

Мне кажется, такие штуки портят Ваше слайд-шоу, не? Пусть бы себе в тексте радовали в необработанном виде.