Typo3,在 page/resources/media 中输出图像的替代文本
Typo3, output alternative text of image in page/resources/media
我用fcObject输出一张header图片,图片配置在page/resources/media:
<f:cObject typoscriptObjectPath="lib.headerimage" />
lib.headerimage = IMAGE
lib.headerimage {
file {
# width = 550
# height = 126
import {
data = levelmedia: -1, slide
# wrap = uploads/media/|
# listNum = 0
listNum = rand
}
treatIdAsReference = 1
required = 1
}
altText.data = page: title
# wrap = <div id="keyvisual">|</div>
}
不幸的是,上面的代码没有输出图像的替代文本,目前它将页面标题作为替代文本,我不知道如何访问该字段"alternative"。
我可以使用 viewhelper 来输出图像,如下所示:
<f:for each="{data.media}" as="file">
<f:image image="{file}"/>
</f:for>
使用图像查看帮助程序的好处是它为我提供了图像的替代文本。
不过我更喜欢使用库。我只是不知道如何在打字错误中访问图像字段 "alternative" 的数据。
您使用了错误的字段page:title
。请改用 file:current:alternative
。
lib.headerimage = IMAGE
lib.headerimage {
file {
import {
data = levelmedia: -1, slide
listNum = rand
}
treatIdAsReference = 1
required = 1
}
altText.data = file:current:alternative
}
您可以使用 FILES
来获得预期的结果:
lib.headerimage = FILES
lib.headerimage {
references {
data = levelmedia: -1, slide
listNum = rand
}
renderObj = IMAGE
renderObj {
file.import.dataWrap = {file:current:storage}:{file:current:identifier}
altText.data = file:current:alternative
}
}
来源:此示例取自 TypoScript Reference。
我用fcObject输出一张header图片,图片配置在page/resources/media:
<f:cObject typoscriptObjectPath="lib.headerimage" />
lib.headerimage = IMAGE
lib.headerimage {
file {
# width = 550
# height = 126
import {
data = levelmedia: -1, slide
# wrap = uploads/media/|
# listNum = 0
listNum = rand
}
treatIdAsReference = 1
required = 1
}
altText.data = page: title
# wrap = <div id="keyvisual">|</div>
}
不幸的是,上面的代码没有输出图像的替代文本,目前它将页面标题作为替代文本,我不知道如何访问该字段"alternative"。
我可以使用 viewhelper 来输出图像,如下所示:
<f:for each="{data.media}" as="file">
<f:image image="{file}"/>
</f:for>
使用图像查看帮助程序的好处是它为我提供了图像的替代文本。
不过我更喜欢使用库。我只是不知道如何在打字错误中访问图像字段 "alternative" 的数据。
您使用了错误的字段page:title
。请改用 file:current:alternative
。
lib.headerimage = IMAGE
lib.headerimage {
file {
import {
data = levelmedia: -1, slide
listNum = rand
}
treatIdAsReference = 1
required = 1
}
altText.data = file:current:alternative
}
您可以使用 FILES
来获得预期的结果:
lib.headerimage = FILES
lib.headerimage {
references {
data = levelmedia: -1, slide
listNum = rand
}
renderObj = IMAGE
renderObj {
file.import.dataWrap = {file:current:storage}:{file:current:identifier}
altText.data = file:current:alternative
}
}
来源:此示例取自 TypoScript Reference。