1 (изменено: PunBB, 2017.06.19 07:22)

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

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

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

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

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

Дополнение визуальными эффектами от FancyBox

В личку только с интересными $$$ предложениями

Поделиться

3

2 (изменено: kisa, 2017.06.13 13: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?

Сайт kisa

Поделиться

3

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

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

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

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

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

В личку только с интересными $$$ предложениями

Поделиться

4 (изменено: kisa, 2017.06.13 14: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);
}

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

Сайт kisa

Поделиться

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 (изменено: acer, 2017.06.14 10:17)

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

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

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

Добавлено: 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 - предпросмотр изображений, превью

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

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

Сайт sempai

Поделиться

9 (изменено: kisa, 2017.06.14 07:50)

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

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

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

Сайт kisa

Поделиться

10 (изменено: PunBB, 2017.06.14 08: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 сказал:

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

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

PunBB сказал:

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

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

Поделиться

12

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

acer сказал:

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

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

В личку только с интересными $$$ предложениями

Поделиться

13 (изменено: acer, 2017.06.14 10:38)

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

PunBB сказал:

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

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

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

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

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

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

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

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

Поделиться

14 (изменено: kisa, 2017.06.14 10:50)

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

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

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

Сайт kisa

Поделиться

15

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

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

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

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

Сайт sempai

Поделиться

1

16 (изменено: acer, 2017.06.14 11:00)

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

kisa сказал:

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

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

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

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

Поделиться

17 (изменено: sempai, 2017.06.14 11:07)

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

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

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

Сайт sempai

Поделиться

18

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

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

Сайт kisa

Поделиться

19 (изменено: PunBB, 2017.06.15 00:36)

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

acer сказал:

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

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

acer сказал:

создалась еще папка 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 (изменено: kisa, 2017.06.15 10: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

Сайт kisa

Поделиться