TYPO3图像调整大小并裁剪

时间:2016-09-24 07:47:58

标签: typo3 typoscript typo3-7.6.x

有没有办法使用typoscript在“文本和图像”元素中调整图像大小并裁剪图像?

我过去曾使用过这个来通过设置图像布局为自定义图像元素提供自定义包装:

# Get default settings for images
temp.image < tt_content.image.20
# Define new layout
tt_content.image.20 = CASE
tt_content.image.20 {
  key.field = layout
  default < temp.image
  1 < temp.image
  100 < temp.image
  100 {
    imageStdWrap.dataWrap = <div class="gallery"><ul>|</ul></div>
    renderMethod = ul
    rendering {
      ul {
        oneImageStdWrap.dataWrap = <li>|</li>
      }
    }
    layout.default.value = ###IMAGES###
  }
}
# Set defaults also for TEXTPIC
tt_content.textpic.20 = < tt_content.image.20.default

有没有办法可以修改同样的技术来包含设定的宽度和高度?

1 个答案:

答案 0 :(得分:2)

请记住,这仅适用于CSC。 FSC使用流体模板而不是typoscript 但用法应该是相同的:在FSC中查找适当的部分,在CSC中寻找IMAGE对象(应该在temp.image中为你的例子)。然后你可以找到记录的宽度和高度的用法或图像的默认 - 最大尺寸 在那里你可以附加一个覆盖,你的值取决于你选择的布局。

FSC 中,您可以找到部分media,复制并增强广告。
在该文件的末尾,您可以找到<f:section name="media"> <f:if condition="{layout} == 1"> <f:then> <f:media file="{column.media}" width="200c" height="200c" alt="{column.media.alternative}" title="{column.media.title}" /></f:then> <f:else> <f:media file="{column.media}" width="{column.dimensions.width}" height="{column.dimensions.height}" alt="{column.media.alternative}" title="{column.media.title}" /></f:else> </f:if> </f:section> 部分 根据您的布局,您可以像这样修改它:

tt_content.image.20 {
  maxW.override {
    override = 200c
    override.if {
      equals.field = layout
      value = 1
    }
  }
}

CSC 解决方案(适用于7.6)将包装宽度(和高度)属性:

import numpy as np
import matplotlib.pyplot as plt
import matplotlib as mpl

size=10
a = rand(size, size) * 0.2
b = rand(size, size) * 2
c = rand(size, size) * 20
sumMap = np.concatenate((a,b,c), axis=1)

注意!字段布局 image&#39;中另外使用。您可以使用其他字段(例如 section_frame ),
必须覆盖覆盖的构造才能添加到现有功能。