Показ изображений в статье

Главные вкладки

Аватар пользователя kodeks kodeks 13 марта 2019 в 6:25

Всем здрасте! Увидел как по клику на одно фото открывается слайдер где можно посмотреть все фотки из этой статьи. Как это сделано?

Примечание модератора: ссылка удалена

Лучший ответ

Аватар пользователя gun_dose gun_dose 13 марта 2019 в 11:12
1

Самый простой способ - в глобальных настройках колорбокса включить возможность колорбокс-инлайн. А затем в скрипте темы написать что-то вроде

$('.field-body img').each(function() {
  $(this).addClass('arcticle-colorbox');
});
$('.article-colorbox').colorbox(/** вот тут, возможно, нужно вписать настройки колобокса **/);

Код очень приблизительный, класс .field-body взят для примера.

Комментарии

Аватар пользователя marassa marassa 13 марта 2019 в 8:15
1

kodeks wrote:
Как это сделано?

Эта фишка называется lightbox (лайтбокс). Модулей, реализующих функциональность лайтбокса для Друпал буквально миллион. От Colorbox до Photoswipe.

Аватар пользователя kodeks kodeks 13 марта 2019 в 8:48

Боюсь это не совсем то, картинки я вставляю или рандомно прямо в статью (через IMCE), или добавляю галерею. Вот галерея выводится Колорбоксом. Мне интересно можно ли сделать так, что бы все картинки в статье (вставленные через CKEditor) выводились в слайдере по клику по одной из них.

Аватар пользователя ivnish ivnish 13 марта 2019 в 10:57

При чем тут фильтры? Я про image formatters в настройках отображения поля. Большинство модулей для галерей добавляют именно image форматтеры, а не фильтры для тектовых полей

Аватар пользователя marassa marassa 13 марта 2019 в 8:47

kodeks wrote:
Что-то у меня с Колорбоксом так не получается.

Мне отсюда плохо видно что именно не получается и как именно "так".

Аватар пользователя gun_dose gun_dose 13 марта 2019 в 11:12
1

Самый простой способ - в глобальных настройках колорбокса включить возможность колорбокс-инлайн. А затем в скрипте темы написать что-то вроде

$('.field-body img').each(function() {
  $(this).addClass('arcticle-colorbox');
});
$('.article-colorbox').colorbox(/** вот тут, возможно, нужно вписать настройки колобокса **/);

Код очень приблизительный, класс .field-body взят для примера.