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>

我在typo3上建立了一个新网站,标题中有一个引导转盘。这个旋转木马位于网站的每个页面的顶部,所以我为此创建了一个分部。问题是我想通过后端交换旋转木马的图片。因此,我在一个隐藏的网站上创建了一个图像元素,并试图用打字稿获取图片。目前看来是这样的:

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}