2016-09-24 10 views
1

typoscriptを使用して 'Text and Images'要素内のイメージをサイズ変更してトリミングする方法はありますか?おそらく、設定された幅と高さを含めるには、この同じ手法を変更する方法はあり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はtyposcriptの代わりにfluid-templatesを使用します。
しかし、使用法は同じでなければなりません。FSCでは適切な部分を探し、CSCではIMAGEオブジェクトを探します(あなたの例ではtemp.imageにあるはずです)。レコードの幅と高さの使用方法、またはイメージのデフォルト - 最大サイズを見つけることができます。
ここでは、選択したレイアウトに条件を付けた値を上書きすることができます。

FSC部分EXT:fluid_styled_content/Resources/Private/Partials/Mediagallery.htmlがあります。コピーしてpathesを強化してください。
このファイルの最後には、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> 

(7.6用)CSCソリューションの幅(高さ)をラップすることです属性:

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

注意!フィールドのレイアウトは、 'text and image'に使用されます。別のフィールド(例:section_frame)、
を使用して、既存の機能に追加するためのオーバーライドが必要です。

+0

私はこれを使用することができます:https://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Imgresource/Index.htmlしかし、私はそれを動作させるために置くべきか分からないのですか? – user500665

+0

私はtyposcriptをそのまま使ってみましたが効果はありませんか? – user500665

+1

は、TSOB(TypoScriptObjectBrowser)で一見を持っています。 tt_content.image.20.1.file.widthに別のwidth属性があり、オーバーライドも必要な場合があります。 –

関連する問題