Модуль (+ компоненты) для расширенной обработки и защиты изображений.
Возможности: - автообработка - ресайз изображений - наложение фильтра (7 видов) - наложение водяного знака - выбор места расположения водяного знака - наложение рамки и уголков - наложение текста - выбор места расположения текста - поворот текста - цвет текста - шрифт текста - размер текста - выбор режима работы (7 режимов) - выбор места хранения изображений - режим работы без ресайза - обработка jpg, gif и png форматов - изменение качества jpg изображений - режим отладки - кеширование
Возможно построение галерей с эффектами fancybox, highslide и lightbox
Автообработка - это режим работы модуля при котором все изображения на сайте могут обрабатываються в автоматическом режиме. Автообработка изображений активируется в административной части. То есть теперь просто ставим галочку активности, там же настраиваем параметры и на сайте все изображения будут обработаны автоматически. При автообработке поддерживается только режим "Без изменения размеров", то есть нельзя ресайзить изображения, все остальные возможности - наложение текста, водяного знака, уголков, рамок - поддерживаются.
Назначение: Компонент Imager можно использовать как отдельно, так и встраивать в другие компоненты. Он ставится на страницу, указывается путь до изображения и параметры для обработки. При обработке будет создана копия и оригинал останется нетронутым, что позволяет изменять настройки в любое время и сколько угодно раз.
Фотогалерея: Компоненты "Список фотогалерей" и "Фотогалерея детально" можно использовать для построения галерей с эффектами fancybox, higtslide и lightbox. Для каждой фотографии (анонсной, детальной или свойство) в компонентах присутствует свой блок настроек.
В компоненте предусмотрено 7 режимов работы: - Пропорциональный ресайз - Фиксированный ресайз (Непропорциональный) - Фиксированный ресайз (Пропорциональный) - Фиксированный ресайз (Обрезка) - Без изменения размеров - Пропорциональный ресайз (По высоте) - Пропорциональный ресайз (По ширине)
Фильтры: Есть возможность наложить 1 из 7 фильтров, например для того чтобы вывести фото в серых тонах, подсветить или затемнить.
Кирилл, несколько вопросов: 1. В состав этого модуля входит какое-нибудь стороннее ПО? (А если входят, лицензия позволяет его коммерческое использование?) 2. Есть ли мастер установки модуля? 3. Модуль как-то взаимодействует с модулями Битрикса (фотогалерея, медиатека)?
1. Сторонние классы не используются. Нужна только стандартная GD библиотека. 2. Мастер установки модуля есть. 3. На данный момент с другими модулями не взаимодействует, есть ряд технических сложностей для этой реализации.
Возможно ли взаимодействие с инфоблоками или как привязать элемент ИБ к загруженным фото? И как работает данный модуль? Необходимы примеры. Написал в ICQ.
Можно поставить компонент на страницу, указать путь до изображения которое нужно обработать и применить параметры из списка выше.
Но в компоненте также предусмотрено использование его в других компонентах, типа news, photo, catalog... И взаимодействие с инфоблоками возможно только на этом уровне. Оригинальные фото не изменяются, компонент создаёт копию, применяя параметры и сохраняя в указанном месте.
Модуль в данном случае используется для указания глобальных параметров, например для того чтобы в каждом компоненте не указывать путь до ватермарка или путь до шрифта, они указываются в настройках модуля и применяются как значения по умолчанию во всех компонентах. Многое станет понятно если посмотреть фото в первом посте.
Использование компонента. Результатом работы будет обработанное фото: - пропорционально сжатое до 150X150 пикселей из оригинала "test.jpg" - с наложенным фильтром "grayscale" - черно-белый фильтр - сохраненное в папке "/upload/imager/" - качество 90% - с водяным знаком из файла - "watermark.png" - водяной знак будет выровнен по центру по горизонтали и по вертикали - с уголками и рамкой из файла - "/images/corner.png" - с надписью "WWW.SITE.RU" шрифтом "arial.ttf" 12 пикселей черного цвета
Для разработчиков. Дополнительные возможности. Интеграция с другими компонентами. Пример файла "result_modifier.php" для news.list. Особый параметр "Результат работы компонента" (RETURN) имеет 3 режима, в режиме "array" - компонент ничего не выводит а возвращает массив данных (путь до обработанного фото, высоту и ширину), а при режиме "src" - только путь:
Добавил ещё 2 режима ресайза (6 и 7): 6 - Пропорциональный (По высоте) - все изображения получаются одинаковой высоты 7 - Пропорциональный (По Ширине) - все изображения получаются одинаковой ширины
Добавлена документация в виде chm файла с описанием всех возможностей, параметров, установки, работы с настройками и интеграции с компонентами типа "news". Показаны примеры создания изображений для уголков и рамок.
У кого стоит блокировка: Файл>>Свойства>>кнопка Разблокировать
Вот ещё одно применение компонента, может кого-нибудь натолкнет на идею. Так как поддержка браузерами всех шрифтов пока ещё за горами. А компонент может использовать любые ttf шрифты, то можно делать картинки с красивыми надписями - приветствия пользователей, отображение дат и любой другой информации. Пример для наглядности.
Вот как это выглядит на практике. В вёрстке статьи я просто вставляю ссылки на картинки из медиабиблиотеки.
Далее, на этапе вывода статьи, анализируется, какие картинки выводятся, и для тех, которые крупнее допустимого, генерируется превьюшка. Под превьюшкой показываем в рамочке title картинки. И делаем превьюшку ссылкой на оригинальное фото. Если оригинальное фото более 800x600, то Imager`ом уменьшаем и его.
Накладываем водяной знак на обе картинки (превьюшка и оригинал). Оригинальное фото показываем в красивом всплывающем окне. Всё это делает автоматически. В исходном текст статьи - только тэг <img>
Добавлены компоненты для построения фотогалерей с эффектами fancybox, higtslide и lightbox. Это стандартные компоненты "Список новостей" и "Новость детально", в которые интегрированы настройки для обработки изображений и все скрипты необходимые для эффектов. Скриншот параметров и демонстрация