Всем добрый вечер.

Давно хотелось сделать более удобным просмотр фотографий, которые загружаются, присоединяются, вставляются в сообщения форума.
Какое-то время назад мне удалось подключить более удобный функционал к фото, которые загружаются с помощью кнопки "присоединить файлы" НАД сообщением.


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


По факту чаще всего фотоматериал используются прямо в тексте сообщения в качестве иллюстративного материала. Для размещения этих фотографий используются еще два способа.


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

Второй способ отвечает за загрузку вашей фотографии на наш сервер. За это отвечает кнопка, отмеченная на скрине справа. После загрузки системой выдается BB-код для вставки в нужное место вашего сообщения.

Сегодня я доработал описанные выше два способа загрузки, чтобы после публикации появлялась возможность открывать фотографии не в отдельных окнах, которые плодятся на вкладках браузера и которые потом нужно вручную закрывать, а в современном просмотрщике 'fancybox'.

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


И после публикации сообщения мы увидим что-то такого вида.


А при нажатии на любую из картинок, откроется удобный просмотрщик. В нем можно листать все картинки, которые были загружены на текущей странице форума новым способом. С помощью мыши или стрелок "влево-вправо" на клавиатуре. Даже есть возможность запустить слайд-шоу. Выход из просмотра возможен по клавише ESC или нажатием мыши на крестик закрытия окна в правом верхнем углу.



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

Николай, приветствую!
Заметил пока такой недостаток. Почему-то загружая файл весом 254КБ он загрузился только весом 54КБ.

Ширина файла так же автоматически уменьшилась с 1024 до 700 по ширине.

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

Чем была удобна загрузка по-старому, что там можно было загружать файлы хоть 3000 по ширине и они такими же оставались в комментарии. При нажатии на файл он сразу открывался в удобном большом формате.
Без загрузки и просмотра больших фотографий - никак не обойтись. Всегда загружаю фотографии наиболее удобной ширины для просмотра на мониторе: 1200, 1500 реже 2000 по широкой стороне. 700 очень мало.

Странно.. У меня с точностью до наоборот!Фотографии грузятся только в большом формате и не получилось оставить вторую опцию для уменьшения и поэтому я ее убрал. Я тоже подумал, что важнее иметь оригинал.

Есть идея, что у тебя где то запомнилась опция уменьшения до 700px. И поэтому у тебя все что загружаешь, уменьшается. Я посмотрю.

Ты же грузишь через правую кнопку, на моем скрине (через файл банк)?

Эти настройки запоминаются локально на компьютере каждого пользователя в куках (cookies). Их можно почистить.
Но лучше я оставлю возможность выбора. Переключись на "оригинал" и попробуй снова загрузить свое фото

p.s. вот у меня упорно не хочет уменьшаться до 700. В независимости от опции. Грузит оригинал. Продолжаю разбираться.

Поправил. У меня опция выбора размера загружаемого файла работает.
Размер "уменьшения" увеличил с 700 px до 1280 px. Мне кажется, этого вполне будет достаточно для многих обычных повседневных фоток. Зато позволит более бережно расходовать не резиновое место на сервере.

Просьба проверить.

Примеры

Проверил, работает. Если оставлять оригинал - не режет его.
Если ставим галку ниже - уменьшает.

Спасибо! Тогда оставляем такой вот вариант. Думаю, устроит всех.

Тоже проверю, вечером. Николай, спасибо!

Да, загружать обычные фотографии размером шире 1200 - 1500 особо смысла нет. При нажатии на снимок, например, 4000 по ширине он открывается сразу весь и на мониторе виден лишь его небольшой фрагмент. Что бы увидеть всё фото надо двигать его туда-сюда или уменьшать масштаб браузера. Неудобно.

Для загрузки панорамных фотографий, газетных статей, книжных страниц, какрт и схем, вот тут да. Целесообразно загружать фото хотя бы 3000 по широкой стороне, так как здесь требуется не рассматривать фото, а читать мелкие быквы.

И наоборот. Фотографии из старых книг, из старых газет - лучше всего загружать размером где-то 900 - 1200 по ширине. Эти фотографии ввиду низкого качества печати имеют, так называемый книжный растр - точки. И если смотреть на мониторе такое фото в большом размере, то мы и будем видеть всё в точках. Это как рассматривать картину из мозаики: вблизи плохо, а отойдя на расстояние изображение начинает вырисовываться.

Андрей, вот это я не понял, поясни подробнее. Это сейчас так стало для больших фото или, наоборот, раньше было?
По идее сейчас большое фото открывается почти на весь экран но в масштабе в зависимости от разрешения монитора. При нажатии мышкой в фото, увеличивается до оригинала. Мне все это кажется удобным. А тебе - нет?

И еще. На мобильном все тоже хорошо работает. Может возникнуть только один нюанс. Это когда кто-то публикует очень дли-и-и-и-н-н-н--нную ссылку без пробелов (url). При этом ссылка вставляется через копи-паст прямо в текст сообщения. В таком случае вся текущая страница сайта ломается при просмотре на мобильном. Расширяется вправо на этом сообщении. Смотрится это в любом случае некрасиво.

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

Видео примеры

Поэтому просьба ко всем. Не вставляйте длинные ссылки прямо в текст сообщения. Используйте имеющуюся кнопочку "http" и кроме вставки самой ссылки вводите ее краткое описание на втором шаге.

Известное дело. Некоторые сканеры умеют это улучшать в настройках драйвера или своего ПО. Есть и универсальные решения. Например плагин Descreen для Photoshop. Посмотри по ссылке, там есть описание и ссылка на примеры обработки.
"Бесплатная версия плагина имеет все возможности платной версии, за исключением того, что размер обрабатываемого изображения ограничен 2000×2000 пикселей"

Раньше так было, без просмотрщика. Нажимаем на прьевьюшку и открывается сразу фото, например, 3000 по ширине. Конечно не влазит в монитор и мы видим лишь фрагмент снимка. Надо делать какие-то действия, чтобы увидеть эту фотографию целиком. Хотел найти пример, но не нашёл. У нас всё-таки не много таких больших фотографий.
Сейчас должно стать лучше (ещё пока не пробовал).

Загрузил два фото. Всё работает - фотографии большие. Думаю, мы ещё оценим такую удобную опцию, как просмотрщик. Большой шаг на встречу современным площадкам.