TYPO3 - 使用Typoscript从文件夹中映射图像

Sha*_*han 5 directory image typo3 typoscript

我尝试从文件夹中读取图片(用于滑块).我有一个标记###SLIDER###,我的图像在fileadmin/sliders /文件夹中.

我想在我购买的模板中实现以下输出:

       <div class="camera_wrap">
            <div data-src="fileadmin/sliders/slider_1.jpg">
                <div class="camera-caption fadeIn">Text_1</div>
            </div>
            <div data-src="fileadmin/sliders/slider_2.jpg">
                <div class="camera-caption fadeIn">Text_2</div>
            </div>
            <div data-src="fileadmin/sliders/slider_3.jpg">
                <div class="camera-caption fadeIn">Text_3</div>
            </div>
        </div>
Run Code Online (Sandbox Code Playgroud)

如何使用Typoscript从文件夹加载图像并以这种方式显示?

tmt*_*tmt 5

以下代码将为您提供所需的内容,但不带标题。它可以在TYPO3 4.5.x中使用。我不确定它是否可以在更高版本中使用filelist,因为当前(截至2013年10月16日)手册中的描述有些令人困惑,因此我不知道新版本中是否有所更改。

YOUR_MARKER = TEXT
YOUR_MARKER {
  filelist = fileadmin/sliders/
  split {
    token = ,
    cObjNum = 1
    1 {
      current = 1
      wrap = <div data-src="fileadmin/sliders/|"></div>
    }
  }
  wrap = <div class="camera_wrap">|</div>
}
Run Code Online (Sandbox Code Playgroud)

注意:这是一个非常简单的示例,假定文件夹中的所有图像都已被调整为适当的尺寸,并且文件夹中的所有文件均为图像。为了使其更好,可以将的第一个(1)对象split设置为IMG_RESOURCE。这样,它将检查仅输出图像,并允许您GIFBUILDER根据需要调整图像的大小。