Drupal 7 Установка ImagePicker и ColorBox

    Будем пробовать загружать изображение. По умолчанию в Drupal 7 стоит модуль image, который позволяет загружать изображение, но изображение можно установить только в начале статьи и больше никуда, т.е. нет возможности устанавливать его куда нам угодно. А также изображение загружается во весь размер и нельзя сделать небольшую превьюшку изображения и эффект увеличения изображения при нажатии на него. Для того что бы изображение можно было загружать куда угодно и можно было делать превьюшку сущестуют дополнительные модули, причем не один. Но я буду использовать модули ColorBox и ImagePicker.

   Процесс установки модуля Colorbox.

  • Скачиваем и распаковываем плагин Colorbox  с сайта http://www.jacklmoore.com/colorbox  в папку sites/all/libraries  (если нет папки libraries то создаем)
  • Скачиваем  модуль Colorbox с оф. сайта Drupal http://drupal.org/project/colorbox устанавливаем в sites/all/modules
  • Заходим на страницу управления модулями включаем модуль Colorbox
  • Заходим в настройки модуля в пункте "Настройка плагина Colorbox" указываем наш путь в который мы копировали плагин, то есть "sites/all/libraries/colorbox" при желании меняем другие настройки
  • Дальше,  настраиваем отображение для типа материала, например "article (Статья)"  для этого заходим в "Структуру - > Типы материалов" и в строке редактирования типа "Article (Статья)" нажмем кнопку "управление отображением"
  • В обоих полях ставим <Скрыто>

    Для того что бы можно было загружать изображения и вставлять его куда нам надо существует модуль ImagePicker, с помощью которого мы будем вставлять изображения в формате colorbox прямо в нужное место в редакторе.

   Для установки:

  • Первое скачиваем и устанавливаем модуль ImagePicker http://drupal.org/project/imagepicker и активируем его.
  • Заходим "Конфигурация->ImagePicker". Настроек у этого модуля достаточно много и можете поэкспериментировать сами. Самое главное срастить этот модуль с "Colorbox". Для этого в "Module integration" ставим галочку "Enable Colorbox in Imagepicker ". После чего у нас появится возможность вставлять изображение "Colorbox".

   В принципе все! Теперь создаем новую статью и пробуем загрузить картинку. Для загрузки изображения у нас появился модуль ImagePicker. Загружать можно и не одно, а несколько изображений. Переходим в закладку "просмотреть" и видим здесь все наши загруженные картинки. Выбираем картинку и вставляем ее туда куад укажем. Если мы хотим чтобы картинки изменялись с помощью Colorbox, предварительно ставим галочки "Миниатюра" и "Colorbox". Должно все работать! Удачи!

Категории:

Рейтинг: 
Средняя: 4.6 (5 оценок)

Комментарии

в разработке

Установил ImagePicker, но вот беда, начались с руссим языком проблемы. Не подскажете как лечится?

В каком месте начались проблемы с русским? Если в самом ImagePicker то это нормально, он и есть такой - где русский текст, где английский. Меня не очень трогает, главное изображения вставляются и ладно.

http://ridme.ru

тоже поставил ImagePicker. такие же проблемы с козябрами

помог гугл. вставил эту строку в . Htacces :

# Выставить кодировку по умолчанию стандартными средствами apache
AddDefaultCharset UTF-8

 

По ссылке скачивается "colorbox-master", переименовал его в colorbox и загрузил как положено в папку sites/all/libraries/, а при установке модуля потребовалось дополнительно установить модуль "Libraries".

В результате получилось не так как у вас. В настройках модуля нет пункта "Настройка плагина Colorbox" и следовательно некуда вписать путь "sites/all/libraries/colorbox".

Может я что-то делаю не так? Ставлю на друпал 7.22

 

Все течет, все изменяется. На время написания статьи был файл "colorbox".  Да, сейчас по ссылке лежит "colorbox-master" и вы правильно с ним поступили. Про модуль "Libraries" - видимо у меня он стоял до этого, поэтому не требовалось подгружать. Правильно что установили. А вот насчет пункта "Настройка плагина Colorbox" - он присутствует, как же без него, иначе Colorbox не увидит плагина. Colorbox у меня версии 7.x.-1.5, а на drupal лежит уже свежее, может в этом дело. Но проверить пока на рабочем сайте не могу. В любом случае спасибо за подсказки.

Добавить комментарий

Filtered HTML

Plain text