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从文件夹加载图像并以这种方式显示?
以下代码将为您提供所需的内容,但不带标题。它可以在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
根据需要调整图像的大小。
归档时间: |
|
查看次数: |
1311 次 |
最近记录: |