Плагин «Дополнительная работа с изображениями»

Дополнительные модули и доработки для LiveStreet
Плагин немного улучшает встраивание изображений в топики и коментарии. На данный момент реализован следующий дополнительный функционал для изображений:

— изображания становятся кликабельными, при клики открывается полный размер;
— при загрузке изображения в топик/комментарий создается preview-версия с заданым размером, которое и помещается в топик/комменатарий.


Обновление 1.0.1

— добавлено автоматическое дополнение правил jevix для корректной работы js-скриптов.
— добавлен параметр определябший ширину превью для изображения в топике/комментарии
$config['preview_width'] = 600;

Обновление 1.0.2

— добавлена возможность указания размера превью изображения отдельно для топика/комментария:
$config['topic_preview_width'] = 600;
$config['comment_preview_width'] = 100;

— добавленв возможность указания необходимости создания превью изображения отдельно для топика/комментария.
$config['topic_preview_enable'] = true;
$config['comment_preview_enable'] = false;

Важно: Возможность раздельного управления параметрами превью для топиков и комментариев опирается на шаблон synio. На других шаблонах при ошибке определения типа загружаемой картинки (топик/коммментарий) будут использованы настройки для топика.

Обновление 1.0.3

— исправлен механизм наложения водяных знаков на загружаемые в топик/комментарий изображения.

Обновление 1.0.4

— добавлена возможность не генерировать дополнительный файл preview, если загружаемое изображение меньше по ширине, чем требуемый preview:
$config['check_image_width_for_resize'] = true;
 true - если реальная ширина изображения меньше ширины для превью, то превью не создается
 false - необходимость создания превью определяется флагами  *_enable

— добавлена возможность не генерировать код для pop-up окна (изображение не будет кликабельным), если загружаемое изображение меньше по ширине, чем требуемый preview:
$config['check_image_width_for_popup'] = true;
true - код генерируется только если был создан файл превью
false - код генерируется всегда

Обновление 1.0.5

— в окно загрузки изображений добавлено поле ввода ширины изображения. Введенная ширина помещается в параметр width у генерируемого HTML.


Репозитарий на GitHub.
Сказать спасибо можно на ЯД 410011972198043.

56 комментариев

avatar
так и не понял что делает этот плагин
avatar
При вставке изображения в топик/комментарий (при использовании стандартного редактора), размещается код, делает изображение кликабельным. Т.е. при клике на изображение оно открывается в поп-апе в «полный размер» (до размеров экрана + оформеление поп-апа ужимается).
Начиная с версии 1.0.1 (пока на модерации) плагин готовит две версии изображения — сжатую до заданного размера для размещения в топике/комментарии и полную, для открытия в поп-апе.
avatar
в качестве идеи к развитию функциональности: было бы полезно расширить таким же образом опцию вставки видео из ютуба и пр. «тубов» — в топик вставляется превьюшка, клик по которой раскрывает поп-ап плеера ютуба (опции вставки плеера можно взять прямо как у них — с управлением, без управления и пр)
avatar
Не уверен, что это появится в данном плагине в ближайщее время. Всё-таки тут я просто отдал в каталог тот плагин, который когда писал для себя. Ну а теперь по мере запросов буду расширять функционал.
Но всё же превью к видео — это не совсем про изображения.
avatar
не понятно где настраивается параметр превью и полноразмерного отображения картинки (можно конкретно указать в каком конфиге вставлять код)
avatar
Эта опция доступна в обновлении 1.0.1, которое, к сожалению, до сих пор на модерации.
avatar
уже отмодерирована?
avatar
Да, уже появилась в каталоге.

Собственно виджет в топике показывает последнюю версию плагина и дает её скачать.
avatar
Ничего не буду спрашивать и уточнять по данному плагину, а просто скажу автору ОГРОМНОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО!!! Сколько топиков было создано по данной теме, и ни в одном нет решения, а тут бац и все готово. Потом закину на пивко)))
avatar
еще неплохо было бы сделать превью для GIF-анимации, как это реализовано на пикабу
avatar
На счет гифок тут отдельная песня, нужно пилить специальный обработчик, механизм такой:
— Загружаем гифку на отдельный сервер который предназначен тупо для хранения картинок, это связано с безопасностью так как под видом гифки могут загрузить вирусняк.
— Создаем превью из первого кадра
— Превью должна быть ссылкой на гифку на том самом отдельном серваке, по клику загружается искомая гифка
В принципе не сложно если знаешь php и JS.

Похоже каждый второй кто сталкивается с LS мечтает запилить своё Пикабу с блекджеком и щютками )
avatar
А можно этот плагин задействовать только в комментариях? хотелось бы уменьшить размер фоток в комментах.
avatar
Отправил на модерацию версию с реализацией отдельной настройки уменьшения фоток для текста топика и для комментариев.
avatar
Можете уже скачивать новую версию плагина из каталога и настраивать разное превью для комментариев и топиков.
avatar
ничего не понял
скачал новую версию
перезалил поверх старой

зашел в config плагина
увеличил превьюшку до 800.
сохраняю топик

кликаю на фотку, увеличивается в окне до тех же самых размеров.
и смысл?

Предварительно заданных размеров превьюшки не отображает при / после ее загрузке
avatar
зашел в config плагина
увеличил превьюшку до 800.
сохраняю топик


Плагин работает на этапе загрузки изображения — при необходимости генерируется preview-версия изображения и подготавливает html-код для вставки в редактор. С уже загруженными изображениями плагин ничего не делает. Если просто редактировали топик, то эффекта не будет.

кликаю на фотку, увеличивается в окне до тех же самых размеров.
Основное изображение (которое открывается в поп-апе) ограничено либо параметром в основном конфиге сайта:
$config['view']['img_resize_width']

, либо размерами экрана.

и смысл?
Не знаю, честно говоря. Мне у себя на сайте не хватало кликабельных изображений — я их себе сделал и поделился плагином с сообществом. Зачем он остальным — не мне решать.
avatar
В каталоге доступна обновленная версия плагина. Описание обновление внесено в текст топика.
avatar
Раз пошла такая пьянка, хочу еще предложить в плагине каким-либо образом оптимизировать изображения для превью (пока не знаю с помощью чего), т.к. Google Pagespeed все время говорит что если сжать изображения без потери качества, то можно сэкономить почти 30% от их размера (при анализе моего сайта, что соответствует примерно 200кБ).
Вот что они рекомендуют, но я так понимаю что это решения для предварительной обработки перед выгрузкой на сайт.
avatar
Минимальная оптимизация и так будет за счет принудительного уменьшения ширины картинки в топике и комментариях.
Я себе комментарий, конечно, в избранное добавил. Но не уверен, что в ближайщее время займусь этим.
avatar
Всё хорошо вроде, но — в открывающемся окне полноразмерной картинки нет кнопки «увеличить до масштаба 100%», как это сделано например у превьюшек шаблонов в каталоге, пример:

avatar
А это вы где нашли? В скриншотах шаблонов? Я что-то вот не могу найти =(

Ну и как это работать должно? Открывать полноразмер, даже если он больше экрана, что бы получить скролинг? Правильно?
avatar
Должно растягиваться по ширине на 100% то есть во всю ширину экрана, а по высоте уже со скроллингом. Как-то так.
avatar
Надо будет глянуть в js-библиотечку. Наверное она умеет так.
А давайте это в тикеты к плагину, что бы всё совсем по уму было?
avatar
Добавил. Ну раз картинки в каталоге шаблонов так могут то наверно и ваш плагин сможет.
avatar
то наверно и ваш плагин сможет.
Я с ним серьезно поговорю. Надеюсь, что он поймет степень ответсвенности и сможет.
avatar
Или сделать проще — попросить скрипт у ребят которые делали каталог модулей LS.
avatar
а вот можно вопрос, это только у меня картинки открываются в новом окне, или у всех?
avatar
Только у вас, у меня в модальном окне с затемнением фона.
avatar
Спасибо, значит у меня че то где то косяк))))
avatar
Я этот плагин отключил так как там нельзя растянуть фото до реального размера и например если картинка высокая но узкая то никакого толка от кликабельной картинки нет.
avatar
да у меня сейчас совсем беда, мало того что в новом окне открывается, еще не увеличивает и качество хуже, но это не из за этого плагина. Я как то давно в движке ковырялся, пытаясь вручную сделать кликабельность. Вот сейчас сижу вспоминаю че где ковырял)))
avatar
«качество хуже» — настрой качество джипегов в конфиге.
Ручные ковыряния это дааааа… ))
avatar
во, решил проблему, в админке в разделе До какого размера по ширине (в пикселях) ужимать картинки в тексте: установил 1200, и качество получше, и даже растягивается, но вновом окне)))
avatar
Кинь ссылку глянуть как у тебя работает. Можно в личке.
avatar
отправил))
avatar
Если у вас там проблема чуть серьезнее, чем необновленные js-скрипты на сервере или клиенте — чирканите пару слов об этом. Возможно стоит обновить плагин.
avatar
да нет, плагин то работает думаю нормально, это у меня немножко руки кривые, давно пытался сделать по аналогии данного топика вот и начудил что то))) как время будет исправкой займусь))) потом отпишусь)))
avatar
Вот тут давал комментарий, что размер «полной» картинки настраивается в основном конфиге.
avatar
Что-то с js-пошло не так. Возможно спасет Ctrl+F5 в браузере.
avatar
Так вроде же js-кэш так просто не обновляется? Я через FTP руками временные файлы удалял.
avatar
А, ну да.

У меня просто лежит в корне примерно такой файлик:

rm -rf /path/templates/cache/synio/*
rm -rf /path/templates/compiled/synio/*
/etc/init.d/memcached restart


И я как-то не заморачиваюсь с ручной очисткой шаблона.
avatar
Ну мне js чистить пришлось только один раз за всё время моих экспериментов, а так думаю кэш js не так просто сделан.
avatar
Мда, че то не то все таки у меня, вроде все исправил, но все равно в новой вкладке открывается, беда((( буду дальше ковыряться(((
P/S Может есть у кого идеи в чем может быть проблема?
avatar
У вас не работает плагин или что-то, что вы сами пишете?
avatar
да вот я и сам не могу понять, в общем так, как то давно я нашел этот топик и делал все как там описано, да фото начало открываться но в новой вкладке, увеличения то же не было. Потом я скачал ваш плагин, скачал установил, в конфиге настроил. Но все равно открывается в новой вкладке. Думал изначально из-за того что в конфиге и джевиксе намудрил когда делал по тому топику. Вчера скачал новые файлы джевикса и конфига(настройку сделал как у вас сказано), но все тщетно. Походу это тока у меня только, у других вроде нормально работает(
avatar
Дайте что ли ссылку на свой сайт — посмотрю на каком примерно этапе всё рушиться.

Ну и с версии плагина 1.0.1 конфиг плагина сам дописывает нужные правила в jevix, так что со свежим плагинов туда лазить не нужно.
avatar
я вам в личку отправил.
avatar
Да с Jevix ты намудрил, чего тут думать то? Надо было забэкапить исходный файл перед переделкой.
avatar
да я новый джевикс файл установил, так что там все нормально, может где еще накосячил, сегодня бекап всех файлов сделаю и посмотрю)))
avatar
В каталоге доступна версия 1.03. плагина, в которой исправлен механизм наложения водяных знаков на изображения в топик/комментариях.
Ранее для превью масштабировалась основная картинка без отдельного наложения водяного знака, что приводило и к масштабированию ватермарка. Теперь превью подготавливается независимо.
avatar
В каталоге доступна новая версия плагина — 1.0.4. Описание обновления добавлено в топик.
avatar
Есть проблема, может быть сталкивались, подскажите пожалуйста. Никак с конкретным плагином не связанно — любая картинка открывается через раз «Фансибок, лайтбокс, претифото» (с любой библиотекой) на LS, открывает просто как «По ссылке», иногда срабатывают скрипты, иногда нет, и без ошибок в консоли.
avatar
Курить в сторону порядка загрузки скриптов. С большой вероятностью в момент вызова кода, который должен повесить обработчики на картинки код библиотеки еще не загружен. А ошибок нет, т.к. в коде создания лайтбоксика стоит проверка на существование объекта/функции.

Это так, в порядке дневной телепатии. Может и не быть правдой.
avatar
Спасибо!
avatar
На ГитХабе доступно обновление плагина 1.0.5
Описание обновления добавлено в топик.
В каталоге новая версия пока проходит модерацию.
avatar
А вот теперь эта штука с указанием размера изображения еще и в каталоге.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.