image - TYPO3 - 使用 Typoscript 从文件夹中获取图像

Question

我尝试从文件夹中读取图片(用于 slider )。我有一个名为 ###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>

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

Answer 1

以下代码将为您提供所需的内容，但没有标题。它适用于 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>
}

注意:这是一个非常简单的示例，假设文件夹中的所有图像都已调整为适当的尺寸，并且文件夹中的所有文件都是图像。为了使它更好， 1 的第一个( split )对象可能设置为 IMG_RESOURCE .这样，它会检查是否只输出图像，并允许您使用 GIFBUILDER如果需要调整图像大小。