Typo3获取包含内容的图像路径
我在typo3上建立了一个新网站,标题中有一个引导转盘。这个旋转木马位于网站的每个页面的顶部,所以我为此创建了一个分部。问题是我想通过后端交换旋转木马的图片。因此,我在一个隐藏的网站上创建了一个图像元素,并试图用打字稿获取图片。目前看来是这样的:Typo3获取包含内容的图像路径,typo3,typoscript,typo3-6.1.x,typo3-6.2.x,Typo3,Typoscript,Typo3 6.1.x,Typo3 6.2.x,我在typo3上建立了一个新网站,标题中有一个引导转盘。这个旋转木马位于网站的每个页面的顶部,所以我为此创建了一个分部。问题是我想通过后端交换旋转木马的图片。因此,我在一个隐藏的网站上创建了一个图像元素,并试图用打字稿获取图片。目前看来是这样的: lib.slider=CONTENT lib.slider { table=tt_content wrap=<div class="item"><img src="|" /></div>
lib.slider=CONTENT
lib.slider {
table=tt_content
wrap=<div class="item"><img src="|" /></div>
select {
pidInList=12
where=uid=10
}
}
lib.slider=内容
自由滑块{
表=tt_含量
包裹=
挑选{
pidInList=12
其中=uid=10
}
}
我以这种方式获取图片,它们显示在滑块中,但仅以格式化的方式显示,周围都是垃圾。有没有一种方法可以只获取图像路径,这样它就只需要被
包装?或者,如果有更优雅的方式插入旋转木马,我也愿意接受新的建议。您可以使用页面的“资源”选项卡,上传文件(在您的案例中是图像),而不是在隐藏页面上使用内容元素。通常,您使用TYPO3页面树的顶层页面进行此操作,因此您可以将所选图像继承到所有子页面
将图像上载/选择到页面后,可以使用以下打字脚本渲染图像滑块
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>
}
lib.slider=文件
自由滑块{
参考资料{
data=levelmedia:-1,幻灯片
}
renderObj=图像
伦德罗布{
file.import.data=文件:当前:uid
file.treatIdAsReference=1
altText.data=文件:当前:标题
包裹=|
}
stdWrap.wrap=|
}
在上面的示例中,我使用
levelmedia:-1,slide
将所选图像从当前页面继承到所有子页面。如果您只想在前端输出img
标记,请删除上面示例中的所有包装。您可以使用页面的“资源”选项卡,在该选项卡上上载文件(在您的案例中是图像),而不是在隐藏页面上使用内容元素。通常,您使用TYPO3页面树的顶层页面进行此操作,因此您可以将所选图像继承到所有子页面
将图像上载/选择到页面后,可以使用以下打字脚本渲染图像滑块
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>
}
lib.slider=文件
自由滑块{
参考资料{
data=levelmedia:-1,幻灯片
}
renderObj=图像
伦德罗布{
file.import.data=文件:当前:uid
file.treatIdAsReference=1
altText.data=文件:当前:标题
包裹=|
}
stdWrap.wrap=|
}
在上面的示例中,我使用
levelmedia:-1,slide
将所选图像从当前页面继承到所有子页面。如果您只想在前端输出img
标记,请删除上面示例中的所有包装。到目前为止效果非常好,谢谢。有没有办法指定页面id,以便typoscript只从一个页面加载图像?在我看来,现在它首先从im所在的页面加载Resources(如果im在子页面上,则加载存储在那里的图片)。由于我不太擅长打字,有没有办法计算旋转木马导航的图片数量?是的,你可以通过使用引用{table=pages uid.data=YOUR-page-uid fieldName=media}
指定从一个页面加载图片,我不知道是否可以计算TS中的图片数量,但是如果您使用JS旋转木马,那么我建议您使用JavaScript来计算图像的数量。如何随机显示图像?@raj请创建一个新问题。@derhansen我找到了答案,我们需要在引用选项中添加listNum=rand来随机显示图像。i、 e)参考{data=levelmedia:-1,slide listNum=rand}到目前为止效果非常好,谢谢。有没有办法指定页面id,以便typoscript只从一个页面加载图像?在我看来,现在它首先从im所在的页面加载Resources(如果im在子页面上,则加载存储在那里的图片)。由于我不太擅长打字,有没有办法计算旋转木马导航的图片数量?是的,你可以通过使用引用{table=pages uid.data=YOUR-page-uid fieldName=media}
指定从一个页面加载图片,我不知道是否可以计算TS中的图片数量,但是如果您使用JS旋转木马,那么我建议您使用JavaScript来计算图像的数量。如何随机显示图像?@raj请创建一个新问题。@derhansen我找到了答案,我们需要在引用选项中添加listNum=rand来随机显示图像。i、 e)参考{data=levelmedia:-1,slide listNum=rand}