Pan Preview Image - предпросмотр изображений, превью (Page 1 of 2)

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

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

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

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

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

$matches[1]

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

$matches[1]

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

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

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

$matches[1]

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

$matches[1]

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

$matches[1]

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

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

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

Баг-репорт 

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

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

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

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

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

$matches[1]

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

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

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

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

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

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

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

Обновлено расширение до 0.2 ($matches[2])

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

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

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

$matches[1]

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

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

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

$matches[1]

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

Если это чем-то поможет...

Браузеры все стандартные (IE, Chrome, FF), параметры экрана... Что именно интересует? Реагирует на любые размеры окна.
Может эти статьи будут полезны людям, которые в этом разбираются? 
вот ссылка
вот ссылка

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

$matches[1]

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

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

Не по центру ведь, ни по вертикали, ни по горизонтали  Кэш чистил.

$matches[1]

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

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

А ждём, ага

$matches[1]

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

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

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

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

$matches[1]

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

$matches[1]

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

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

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

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

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

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

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

Вот смотри, размер той фотки 851 х 638.25.  вставляем сюда

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

$matches[1]

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

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

$matches[1]

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

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

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

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

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

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

$matches[1]

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

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

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

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

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

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

[имг][/имг]

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

[preview][/preview]

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

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

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