2017-10-20 109 views
0

我正在使用這一行來調整圖像的大小,並在需要時裁剪以獲取特定大小,但圖像即將伸出。流體作物調整大小調整圖像

{f:uri.image(image: newsItem.falMediaPreviews.1, width:420c, height:160c)} 

如何讓圖像按比例縮放和裁剪?

+0

你確定圖像被viewhelper拉伸或可能一些CSS代碼的原因?從我看到的,你應該得到一個完全420x160像素的圖像,從等於或大於420x160px的任何東西中裁剪出來。如果使用較小的圖像,您可能會因爲放大而得到不清晰的圖像,但不應以粗糙的圖像結束。順便說一句:你正在使用哪個版本的Typo3? –

+0

@FabianSchöner我檢查過這個圖像,它肯定是被viewhelper拉伸了。我正在使用TYPO3 7.6.11 – user500665

+0

圖像輸入的尺寸是什麼? –

回答

1

如果你保持原有的新聞代碼的結構代替調用falMediaPreviews的時候,而不是直接在您的鏈接調用它。

例如:

<f:if condition="{newsItem.falMediaPreviews}"> 
    <f:then> 
     <f:alias map="{mediaElement: newsItem.falMediaPreviews.1}"> 
      <f:if condition="{mediaElement.originalResource.type} == 2"> 
       {f:uri.image(src:mediaElement.uid, treatIdAsReference:1, width:'420c', height: '160c', absolute: '1')} 
      </f:if> 
     </f:alias> 
    </f:then> 
</f:if> 

不知道,如果你需要的一切,但看到如果輸出仍然disformed。

+0

謝謝,這工作。你知道這是爲什麼嗎? – user500665

+0

不詳細,但我記得有一次相同的問題,併爲我解決它;-) – Scopestyle

-1

也許......

{f:uri.image(image: newsItem.falMediaPreviews.1, minWidth:'420', minHeight:'160', maxWidth:'420', maxHeight:'160', width:'420c', height:'160c')} 
+0

我嘗試了你的建議,但沒有改變。 – user500665

+0

這不提供問題的答案。一旦你有足夠的[聲譽](https://stackoverflow.com/help/whats-reputation),你將可以[對任何帖子發表評論](https://stackoverflow.com/help/privileges/comment);相反,[提供不需要提問者澄清的答案](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-c​​an- I-DO-代替)。 - [來自評論](/ review/low-quality-posts/18705688) –