0

我想通过内容“仅图像”输入来动态更改背景图像 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" />');">

我已将图像放入资源中,而不是仅包含图像的内容中。

4

0 回答 0