2011-07-10 41 views
2

我有一個問題,取決於imagemagick: 是否有可能只上傳一張大小爲1200像素高度的圖片,例如 - 取決於設備或瀏覽器分辨率 - 降低圖像高度AND圖像的大小?圖像或圖形自動圖像縮放

在此先感謝

回答

2

您可以使用條件取決於設備或瀏覽器版本。假設你喜歡的folling圖像高度之間切換:

  • 600px的用於IE6,
  • 320像素的移動設備,
  • 800像素的所有其他設備 (即常規計算機)

然後輸入此部分到您的模板常量

# for IE6: 
[browser = msie] AND [version = 6] 
styles.content.imgtext { 
     maxH = 600 
     maxHInText = 600 
} 
# for mobile devices: 
[useragent = *iPhone*]||[useragent = *iPod*]||[useragent = *Android*]||[useragent = *OperaMini*]||[useragent = *BlackBerry*] 
styles.content.imgtext { 
     maxH = 320 
     maxHInText = 320 
} 
# For all other browsers 
[else] 
styles.content.imgtext { 
     maxH = 800 
     maxHInText = 800 
} 
[GLOBAL] 

模板設置替代溶液(在下面解釋):

# for IE6: 
[browser = msie] AND [version = 6] 
tt_content.image.20.1.file { 
     maxH = 600 
     maxHInText = 600 
} 
# for mobile devices: 
[useragent = *iPhone*]||[useragent = *iPod*]||[useragent = *Android*]||[useragent = *OperaMini*]||[useragent = *BlackBerry*] 
tt_content.image.20.1.file { 
     maxH = 320 
     maxHInText = 320 
} 
# For all other browsers 
[else] 
tt_content.image.20.1.file { 
     maxH = 800 
     maxHInText = 800 
} 
[GLOBAL] 
  1. 這些只是的條件的一些例子。查看TYPO3 conditions reference瞭解更多創意。
  2. 如果移動設備的識別與useragent無法正常工作,請嘗試使用擴展名cwmobileredirect。它提供了一個非常可靠的移動設備開關。
  3. 這是關於如何設置圖像高度。我聽說有傳言說設置寬度(maxW)可以正常工作,但在4.2以下的版本中設置高度(maxH)會有問題。如果出現maxH問題,請使用替代解決方案。
+0

好吧,這可以幫助我很多,但它是重要的知道,如果圖像將加載其真正的大小或他們調整更小的大小?你知道我的意思? –

+0

Imagemagick實際上會爲您生成圖像大小,因此在這種情況下會創建三個不同的文件。它們沒有縮放。 – Mateng

+0

完美的解決方案! :) –