2016-09-24 53 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處發現另一個寬度屬性,這可能還需要覆蓋。 –