是否可以使用Drupal 8获得带有CSS背景图像的响应式图像

问题描述 投票:0回答:2

我知道可以在Drupal 8中使用响应式图像。因此,对于不同的屏幕尺寸,您可以获得不同的图像(这对性能很有意义,因为我不希望手机上有非常大的图像)。

但现在我想知道你是否可以用Drupal 8中的背景图像做到这一点?因此,我希望能够在Drupal 8中上传图像,这是一个响应式图像(不同的屏幕尺寸=>不同的图像),但是用于背景图像。有人在那方面有经验吗?

谢谢!

drupal background-image responsive drupal-8 responsive-images
2个回答
0
投票

我仍然会使用响应式图像在CMS中配置它,然后使用页面预处理挂钩从响应式图像字段中获取信息并存储到页面中的JSON对象中。

然后拼图的最后一部分是编写我自己的javascript,它检查onload和onresize事件,并根据存储在json对象中的信息设置背景图像。


0
投票

你想在哪种情况下这样做?它是内容类型还是自定义块?你会有一个自定义模板吗?

在这种情况下,假设您的实体上有每个图像大小的字段,您可以在tpl twig文件中放入内联样式,并从数据库中获取图像的值。不是最漂亮但我不认为你可以跳过<style>标签实现,同时尝试从没有js的db实现任何css。

© www.soinside.com 2019 - 2024. All rights reserved.