2.10. Colorbox - Создание простой фотогалереи на Drupal 8.

Довольно часто на сайте необходимо вывести изображение в popup окне, для этого в друпале есть очень популярный модуль Colorbox:

https://www.drupal.org/project/colorbox

Давайте настроем тип материла Новость и добавим к нему поле изображения. А потом сделаем вывод этих изображений небольшой фотогалереей через Colorbox.

Для начала скачаем и установим модуль colorobox. Также для Colorbox потребуется модуль Libraries:

https://www.drupal.org/project/libraries

Эти модули устанавливаются как обычно:

1.2. Установка модулей на друпал

Но теперь нам нужно скачать jquery-плагин Colorbox'а с этого сайта:

 http://www.jacklmoore.com/colorbox/

Дописать статью

 

 

 

Комментарии

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

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.

Здравствуйте, так он пока с

Здравствуйте, так он пока с ошибкой?? и не работает? А то установили и такое ощущение что не функционирует, при нажатии открывает картинку не используя colorbox, а как при нажатии открыть в отдельном окне. Drupal 8. labraries api установлен.

Спасибо за наводку на то как

Спасибо за наводку на то как скрипты в тему вписывать! Установил дополнительно модуль Colorbox-inline, а скрипт прописал как тут: http://podrupalim.com/zametki/podskazki/otkryvayte-vse-kartinki-v-colorbox картинки открываются, но есть одна проблема, colorbox не видит границ браузера и открывает картинку во весь ее размер. Есть соображения на этот счет?

Спасибо!

Спасибо!

В конечном итоге скрипт стал выглядеть так:

jQuery(document).ready(function($) {
	
	// Открываем все ссылки на изображения в ColorBox
	$("a[href$='.jpeg'], a[href$='.jpg'], a[href$='.png'], a[href$='.gif']")
	.attr('rel', 'gallery')
	.colorbox({maxWidth:'95%', maxHeight:'95%'});
	
})(jQuery);