我想通过内容“仅图像”输入来动态更改背景图像 url。我试过这个
但这并不是我所需要的。这是我的代码:
<div class="jumbotron" style="background-image: url('img/subpageHeader.jpg');">
<div class="menu-trigger"><i class="fa fa-bars"></i></div>
<p class="headerText"><f:format.raw>{header}</f:format.raw></p>
<p class="logo pull-right">Sitename</p>
</div>
我可以在没有全新包装的情况下使背景图像 url 参数动态化吗?
谢谢
解决
从资源中获取图片 URL:
lib.headerimage = IMG_RESOURCE
lib.headerimage {
file {
import.data = levelmedia:-1, slide
treatIdAsReference = 1
import.listNum = 0
}
}
包括在样式中:
<div class="jumbotron" style="background-image: url('<f:cObject typoscriptObjectPath="lib.headerimage" />');">
我已将图像放入资源中,而不是仅包含图像的内容中。