Typo3获取内容的图像路径

Question

我在typo3上设置一个新网站，标题中有一个bootstrap轮播。这个轮播位于网站的每个页面的顶部，所以我为此创建了一个部分。问题是我希望旋转木马的图片可以通过后端进行交换。所以我在一个隐藏的网站上创建了一个图像元素，并试图用typoscript获取图片。到目前为止它看起来像这样：

lib.slider=CONTENT
lib.slider {
    table=tt_content


    wrap=<div class="item"><img src="|" /></div>

    select {
        pidInList=12
        where=uid=10

    }


}

我以这种方式获取图片并将它们显示在滑块中，但只能以格式化的方式显示所有<csc-textpic> - 它周围的垃圾。有没有办法只获取图像路径，以便它只需要<img src""/>包裹？或者，如果有更优雅的方式来插入旋转木马，我也会接受新的建议。

Answer 1

您可以使用页面的“资源”标签，而不是在隐藏页面上使用内容元素，您可以在其中上传文件（在您的案例图片中）。通常，您使用TYPO3 pagetree的顶级页面，这样您就可以将所选图像继承到所有子页面。

将图像上传/选择到页面后，您可以使用以下TypoScript渲染图像滑块。

lib.slider = FILES
lib.slider {
  references {
    data = levelmedia:-1, slide
  }
  renderObj = IMAGE
  renderObj {
    file.import.data = file:current:uid
    file.treatIdAsReference = 1
    altText.data = file:current:title
    wrap = <div class="slide">|</div>
  }
  stdWrap.wrap = <div class="slider">|</div>
}

在上面的示例中，我使用levelmedia:-1, slide将所选图像从当前页面继承到所有子页面。如果您只想在前端输出img标记，请删除上面示例中的所有换行。