Вед-дев, Сео, Манимейкинг

Показ изображений через colorbox и imce

Показ изображений через colorbox и imce

Если вы пользуетесь каким-нибудь редактором, например bueditor в связке с imce, то вы можете вставлять изображения в ноду, абсолютно в любое место и для этого не нужно создавать image field. Но есть один неудобный момент, при вставке изображения через bueditor и immce - нам необходимо постоянно подгонять размер изображений чтобы оно не вылезло за пределы контенейра, где у нас находится контент. Тут к нам на помощь приходит модуль colorbox в связке с image_resize_filter. При помощи него мы будем делать показ изображений.

Необходимые модули

drupal.org/project/bueditor (редактор)
drupal.org/project/imce (загрузчик изображений)
drupal.org/project/colorbox (красивый вывод изображений, типа лайтбокса)
drupal.org/project/image_resize_filter (фильтр, который позволяет выводить наши изображения через colorbox)

Настройка всего этого

В colorbox идем на страницу настроек

Показ изображений через colorbox и imce

Ставим галочку на "Enable Colorbox inline". Теперь достаточно лишь добавить класс к изображениям обвернутыми ссылками colorbox.

Далее идем в настройки наших фильтров, например Full HTML:

Показ изображений через colorbox и imce

Ставим галочки на "locally" и "If resized, add a link to the original image". Класс даем colorbox и rel="gallery" если вы хотите чтобы ваши изображения в ноде отображались как галерея.

Как это все работает

Теперь когда мы все настроили, мы закачиваем изображения через bueditor + imce через кнопку insert image. Например, мы загрузили изображение размером 1200на1200 пикселей, а в диалоговом окне bueditor мы прописали размеры 600на600 пикселей, то изображение будет уменьшено до таких размеров и плюс ко всему этому, image_resize_filter модуль обвернет их в ссылки с необходимыми классами и атрибутами. В итоге при нажатии на изображение - мы будем его видеть в окне colorbox.



Комментарии (0)

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 10 месяцев 1 неделя назад
    Спасибо. С Новым Годом! 
  • Den 11 месяцев 1 неделя назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 11 месяцев 1 неделя назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 1 год 1 день назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 1 год 2 дня назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 1 год 3 дня назад
    захожу на mysql через ssh по команде  
  • admin 1 год 4 дня назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 1 год 5 дней назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 1 год 2 недели назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 1 год 2 месяца назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!