автоматическое масштабирование изображения с помощью изображения или графического макета - PullRequest
Новая
       8

автоматическое масштабирование изображения с помощью изображения или графического макета

2 голосов
/ 10 июля 2011

У меня есть вопрос, который зависит от imagemagick: можно ли загрузить, например, только одно изображение размером 1200 пикселей и, в зависимости от разрешения устройства или браузера, уменьшить высоту изображения И размеризображения?

Заранее спасибо

1 Ответ

2 голосов
/ 11 июля 2011

Вы можете использовать условия в зависимости от устройства или версии браузера.Предполагая, что вам нравится переключаться между высотами изображений:

  • 600px для IE6,
  • 320px для мобильных устройств,
  • 800px для всех других устройств (т.е. обычных компьютеров)

Затем введите этот раздел в свои константы шаблона : 

# 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 для получения дополнительной информации.
  2. Если распознавание мобильных устройств работает неправильно с useragent, попробуйте расширение cwmobileredirect .Он обеспечивает очень надежное переключение мобильных устройств.
  3. Это о том, как установить изображение height .Я слышал слухи, что установка ширины (maxW) работает нормально, но установка высоты (maxH) глючит как-то в версиях ниже 4.2.Используйте альтернативное решение, если возникают проблемы с maxH.
...