xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Модуль Image Resize Filter — автоматический ресайз изображений по атрибутам тега img

Опубликовано в

Описание

Image Resize Filter — это фильтр, который на основании атрибутов width и height тега img, создаёт эскиз исходного изображения (незаметно для пользователя).

Фильтр особенно полезен в сочетании с WYSIWYG редакторами, такими как TinyMCE или CKeditor, так как они позволяют изменять размеры изображения с помощью мышки.

Простыми словами — если создать материал, закачать большую картинку и вставить в содержимое код вида:

<img src="/sites/default/files/bigimg.jpg" width="200" height="200" />

то на сервере, в папке sites/default/files/resize, будет автоматически создана превьюшка размером 200x200, а код заменится на:

<img src="/sites/default/files/resize/bigimg-200x200.jpg" width="200" height="200" />

Таким образом пользователь будет видеть не большую картинку подогнанную по размеру с помощью стилей, а полноценное уменьшенное изображение.

Удобнейший модуль, теперь можно забыть про мытарства по менюшкам IMCE или настройкам ImageCache :)

Возможности

  • Автоматическое изменение размеров изображений как локальных, так и размещённых на других серверах.
  • Возможность добавить ссылку на полноразмерное изображение.
  • Добавляет атрибуты width и height, когда пользователь забывает это делать.
  • Обходит защиту от "хот линкинга" при вставке изображений с других сайтов.

Установка

  1. Распаковать модуль в папку sites/all/modules. Включить модуль.
  2. На странице admin/settings/filters перейти в настройки нужного формата и включить фильтр Image resize filter (скриншот).
  3. На странице admin/settings/filters перейти в настройки нужного формата, дальше в вкладку Настройки и настроить фильтр (скриншот).

Автор модуля — Nate Haug из Lullabot.com

Написанное актуально для Image Resize Filter 6.x-1.9
Похожие записи

Комментарии RSS

одна проблема, что в Опере и WebKit браузерах, ресайз мышкой сейчас не работает
И в TinyMCE и в CKeditor

одна проблема, что в Опере и WebKit браузерах, ресайз мышкой сейчас не работает
И в TinyMCE и в CKeditor

А я всё искал что же у меня не так) Ничего не поменялось за 2 с половиной года. Не знаете, есть ли какие-нибудь планы на этот счет?

Есть решение:
http://drupal.org/node/1102294
https://github.com/sstur/ck-webkitdrag

Правда не нашел описание куда его вставлять. Я установил только подпапку /www/sites/all/modules/ckeditor/plugins/webkitdrag. Заработало. А зачем тогда остальные файлы?

Уважаемый xandeadx, подскажи плиз есть ли такая возможность задать фиксированную высоту и ширину для загружаемых картинок на автомате а не в ручную?

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

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании