通过向 templavoila 添加打字稿，使用 timthumb 缩小图像（数据处理）

Question

我想要两种不同的图像大小：一种用于普通浏览器，一种用于移动版本。我想我可以使用 timthumb 来调整图像大小。

因此，我在 Templavoila 中映射了一个 Image 字段，将 W+H 固定为 。在数据处理下，我想输入我的Typoscript代码。通过这段代码，我想要另一种表示（缩放图像）。

10 = IMAGE
10.file.XY = 1328,768
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
10.file.maxW = 2000
10.file.minW = 1000
10.file.maxH = 1000
10.file.minH = 700

[globalVar = TSFE:fe_user|sesData|mobileversion=1]
20 = RECORDS
20.source.current = 1
20.tables = tt_content
20.stdWrap.wrap = <img src="fileadmin/templates/php_scripts/timthumb.php?src=|&w=600" />
20.stdWrap.required = 1*
[global]

但我总是从普通版本得到图片。我尝试使用会话变量，也尝试使用用户函数。即使我删除这个条件，输出也总是相同的......（大图）。我做错了什么？

Answer 1

TYPO3 能够开箱即用地调整图像大小。您不需要额外的脚本。

将其放入您的主模板中，其中 page.10 < plugin.tx_templavoila 定义：
第 1 页 = LOAD_REGISTER
page.1.mobileversion = 0

[globalVar = TSFE:fe_user|sesData|mobileversion=1]
  page.1.mobileversion = 1
[end]

更改您的代码：

10 = IMAGE
10.file.XY = 1328,768
10.file.width = 1000
10.file.width.override = 500
10.file.width.override.if.isTrue.data = REGISTER:mobileversion 
10.file.height = 1000
10.file.height.override = 500
10.file.height.override.if.isTrue.data = REGISTER:mobileversion 
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
[...snip...]

当然未经测试，但即使与 TemplaVoila 一起使用也应该可以工作。

如果您使用的是 GIFBUILDER.IMAGE-Object （因为您使用的是 10.file.XY），您需要像这样更改代码：

10 = IMAGE
10.file.XY = 1328,768
10.file.XY.override = 600,300
10.file.XY.override.if.isTrue.data = REGISTER:mobileversion 
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
[...snip...]

但我猜，您混淆了 GIFBUILDER.IMAGE 和 图像。

Answer 2

下面由 Dmitry Dulopev 发表的几篇文章讨论了如何使用 Templa Voilla 来添加移动模板。这就是你所追求的吗？

http://www.dmitry-dulepov .com/2009/04/creating-mobile-version-of-web-site.html

Answer 3

这些类型的条件（[global] 等）在电视数据结构中还不起作用。

但是您也许可以使用“注入”到数据结构中的常量结合 stdWrap 条件来解决这个问题。

您可以在常规 TypoScript 设置中设置 TV 常量，如下所示

plugin.tx_templavoila_pi1.TSconst.ismobile = hellno

： 当然，这里您也可以使用条件：

plugin.tx_templavoila_pi1.TSconst.ismobile = hellno
[globalVar = TSFE:fe_user|sesData|mobileversion=1]
plugin.tx_templavoila_pi1.TSconst.ismobile = yo
[global]

现在，在 TV 字段的 TypoScript 数据处理中，您可以执行以下操作：

10 = COA

10.10 = IMAGE
10.10 {
    # Your regular image

    stdWrap.if {
        value = {$TSconst.ismobile}
        equals = hellno
    }
}

10.20 = IMAGE
10.20 {
    # Image for mobile version

    stdWrap.if {
        value = {$TSconst.ismobile}
        equals = yo
    }
}

一些注释/问题：

• 我不是当然，20 甚至可以在电视领域进行处理。我认为它只查找10。
• 你为什么使用 timthumb 呢？为什么不是另一个IMAGE cObject？
• 然后，查看 IMG_RESOURCE。它允许您仅使用图像 URL 而不是整个元素标签。稍后，您可能会比使用 RECORDS 中的内容更容易理解它。

免责声明：尚未测试上述内容，因此请注意拼写错误或类似情况。 （我当然在项目中使用了该方法。）