Ура! Мы закончили разработку нового модуля — Ресайзер 2.0! (так как необходимо было изменить архитектуру модуля — рефакторинг кода был невозможен и модуль был переписан полностью с нуля.) Модуль решает такое обширное число задач связанных с управлением изображениями на сайте, что ни один наш сайт сейчас не обходится без Ресайзера. Пост с описанием функционала модуля получился очень длинным и мы разбили его на две части — я расскажу об основных возможностях модуля, а Андрей Шилов в своем блоге расскажет о технических деталях реализации и API модуля. Модуль стал в 2 раза мощнее! [CUT] К возможности легко добавлять дополнительные фотографии к товарам/новостям и организации простой фотогалереи на любой редакции продукта, добавилась возможность вставлять всплывающие фотографии и на обычные статические страницы сайта!
Ресайзер добавляет свою кнопку в панель визуального редактора вызывающую диалог добавления фотографии на страницу. Теперь, можно вставлять миниатюрные изображения, при клике по которым с красивым визуальным эффектом будут всплывать увеличенные изображения.
Теперь, в БД хранится только один набор оригинальных (эталонных) фотографий (в виде множественного свойства инфоблока типа файл), а все остальные наборы генерируются из эталонного на лету и кэшируются. Это позволило создавать неограниченное количество наборов фотографий (фотографий заданных характеристик) для разных инфоблоков и шаблонов компонент путем настройки параметров:
ширина
высота
качество (для изображений хранящихся в формате JPG)
приоритет (высота, ширина, вписать в квадрат, обрезать по ширине, обрезать по высоте)
наложение watermark (водяного знака) для защиты изображений от несанкционированного копирования
Настройки наложения водяного знака вынесены на отдельную страницу и имеют два режима работы наложение в виде файла (поддерживается формат полупрозрачных PNG24, настраиваются: углы поворота, наклона и другие параметры) и наложение в виде текста (настраиваются: шрифт, размер, цвет, прозрачность, углы поворота, наклона и другие параметры).
Интерфейс регулировки параметров наложения водяного знака выполнен в виде удобных ползунков с визуальным представлением результата
Входящий в состав модуля компонент 2.0 yenisite:resizer2 содержит примеры шаблонов для вывода дополнительных фотографий элемента инфоблока (товар, новость, статья ит.д.) с красивыми визуальными эффектами популярных JS библиотек таких как: FancyBox, LightBox, PrettyPhoto, ThickBox, NFLightBox. Каждый шаблон позволяет произвести настройку множества параметров подключаемой библиотеки:
Так же, компонент позволит вам легко организовать фотогалерею даже на редакции "Первый сайт".
Кроме того, до конца лета 2011 года, все активные участники сообщества битрикс-разработчиков имеют возможность приобрести модуль по специальной супер-низкой цене: TOP-500 в 3 раза дешевле — всего за 280 рублей! TOP-150 в 4 раза — всего за 200 рублей! TOP-50 в 8 раз — всего за 100 рублей!
А кроме того, все пользователи ранее приобретавшие модуль Ресайзер получат Ресайзер 2.0 совершенно бесплатно (для того же или для любого нового сайта, по запросу) !
По вопросу приобретения модуля, пожалуйста, пишите в личку и на info@yenisite.ru
UPDATE 2011: Добавлена возможность в настройках модуля выбрать картинку, которая будет использована на сайте в качестве заглушки "Нет фото" для товаров с незаполненным свойством фотографии.
Все необходимые размеры фотографии для всех блоков сайта будут созданы автоматически в соответствии с заведенными наборами.
Не совсем понял как работает ImageCache, но может имеет смысл сделать не на лету парсить html, а при сохранении страницы/элемента ИБ кеши делать. Потому как:
1. На лету ресурсы кушаются. 2. Есть такие страницы, где ничего делать нельзя, типа форумов/блогов/соцсетки. Всего не учтешь.
Я на одном своем проекте сделал так, всем изображениям которые редактируются через виз. редактор автоматом проставляется class="image", и соответственно далее обрабатываются только эти изображения, так же можно прописывать дополнительные классы popup, noborder. Очень удобно, загрузил в медиабиблиотеку картинку любого размера, вставил на страницу, указал нужный размер и все, нужно изменить размер, открыл виз. редактор изменил, нужно добавить popup, просто дописываю класс. Вообще все это сделал давно, как временное решение, но оказалось так удобно. Еще бы интерфейс прикрутить.
2. Есть такие страницы, где ничего делать нельзя, типа форумов/блогов/соцсетки. Всего не учтешь.
ну можно нужные картинки помечать классом каким-нибудь
вообще работа с буфером тем интересна, что абсолютно все равно какие компоненты и модули системы сгенерировали данный кусок HTML-кода. В Joomla! например такие механизмы всю жизнь были -- мамботы называются. На них там и ЧПУ и визредакторы и ресайз и много чего еще сделано..
довольно давно сделали для одного клиента подобную штуку, потом доработали под себя. Хотели полгода назад обернуть для маркета, но руки так и не дошли...=( Только мы его интегрированным с инфоблоками сделали...
скажите пожалуйста, а кнопка в визуальном редакторе сама должна заработать или нужно что то допиливать? по крайней мере у меня в новом виз.редакторе никаких новых элементов не появилось
Группы на сайте создаются не только сотрудниками «1С-Битрикс», но и партнерами компании. Поэтому мнения участников групп могут не совпадать с позицией компании «1С-Битрикс».