Возможно ли иметь адаптивные изображения с фоновыми изображениями CSS, используя Drupal 8

Question

Я знаю, что в Drupal 8 возможно использование адаптивных изображений. Так что для разных размеров экрана вы получаете разные изображения (что интересно для производительности, потому что я не хочу очень большое изображение на моем мобильном телефоне).

Но теперь мне интересно, можете ли вы сделать это с фоновыми изображениями внутри Drupal 8? Поэтому я хочу иметь возможность загружать изображение в Drupal 8, которое является отзывчивым изображением (разные размеры экрана => разные изображения), но для фонового изображения. У кого-нибудь есть опыт в этой области?

Спасибо!

Answer 1

В каком контексте вы хотите это сделать? это тип контента или пользовательский блок? Будет ли у вас собственный шаблон для этого?

В этом случае, если у вас есть поля на вашей сущности для каждого размера изображения, вы можете поместить встроенный стиль в файл ветки tpl и получить значения для изображений из базы данных. Не самый красивый, но я не думаю, что вы можете пропустить реализацию тега <style>, пытаясь реализовать любой css из db без js.

Answer 2

Я бы по-прежнему использовал адаптивные изображения для настройки всего этого в CMS, а затем использовал обработчик предварительной обработки страницы, чтобы получить информацию из поля адаптивного изображения и сохранить его в объекте JSON, выплеснувшемся на страницу.

Тогда последним кусочком головоломки будет написать мой собственный javascript, который проверяет события onload и onresize и устанавливает фоновое изображение на основе информации, хранящейся в объекте json.