2016-09-24 54 views
1

有没有一种方法来调整和使用typoscript在“文本和图像”元素中裁剪图像?TYPO3图像调整大小和作物

我已经在过去使用此设置图像布局给定制包装到仅图像元素:

# 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 

有没有办法或许修改此相同的技术包括一组宽度和高度?

回答

2

请记住,这只会为CSC做。 FSC使用fluid-templates而不是typoscript。
但用法应该是一样的:在FSC中查找适当的部分,在CSC中查找IMAGE对象(应该在temp.image中为您的示例)。那么您可以找到记录的宽度和高度或图像的默认最大大小的用法。
那里你可以附加一个覆盖值,你的值取决于你选择的布局。

FSC你可以找到部分EXT:fluid_styled_content/Resources/Private/Partials/Mediagallery.html,复制它并增强pattes。
在该文件的末尾,您可以找到部分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> 

CSC溶液(7.6)将包裹宽度(和高度)属性:

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

关注!该字段布局以其他方式用于“文本和图片”中。您可能会使用其他字段(例如section_frame),
带覆盖的构造必须添加到现有功能。

+0

我知道我可以使用这个:https://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Imgresource/Index.html但我不知道把它放在哪里才能使它工作? – user500665

+0

我尽量使用错字脚本,就像你有它,但它没有效果? – user500665

+1

看一下TSOB(TypoScriptObjectBrowser)。您可能会在tt_content.image.20.1.file.width处发现另一个宽度属性,这可能还需要覆盖。 –