Вывод уменьшенного изображения картинки на XSLT — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «== Задача == Вывести уменьшенную картинку. Аналогично макросу %system makeThumbnail()% в tpl-шаблонах. Ра…»)
 
Строка 22: Строка 22:
 
  <xsl:variable name="test2" select="document(concat('udata://system/makeThumbnail/(.', $test1, ')/(auto)/103'))/udata/src"/>
 
  <xsl:variable name="test2" select="document(concat('udata://system/makeThumbnail/(.', $test1, ')/(auto)/103'))/udata/src"/>
 
  <img src="http://localhost{$test2}"/>
 
  <img src="http://localhost{$test2}"/>
 +
[[Категория:Шаблонизаторы]][[Категория:Верстка в XSLT]]

Версия 08:48, 8 сентября 2011

Задача

Вывести уменьшенную картинку. Аналогично макросу %system makeThumbnail()% в tpl-шаблонах. Рассмотрим пример на

Решение

При решении данной проблемы используем переменные.

1. На первом шаге извлечём в переменную test1 адрес картинки нормального размера из поля "Фотография" в объекте каталога.

<xsl:variable name="test1" select="document('upage://47.photo')/udata/property/value" />

В данном случае 47 - это id объекта каталога, вместо этого может быть например переменный элемент @id. В данном случае надо будет использовать функцию concat(), которая позволяет объединить статичные и переменные элементы. Photo в данном случае это идентификатор поля в котором введён адрес картинки.

2. На втором шаге используем метод makeThumbnail для получания адреса уменьшенной картинки. Этот адрес запишем в переменную test2.

<xsl:variable name="test2" select="document(concat('udata://system/makeThumbnail/(.', $test1, ')/(auto)/103'))/udata/src"/>

В данном случае auto - обозначает автоматический расчёт ширины в пропорции к высоте. 103 - высота картинки в пикселях.

3. Теперь выведем картинку.

<img src="http://localhost{$test2}"/>

В данном случае http://localhost - это домен, в Вашей системе должен быть адрес Вашего сайта.

Итог

<xsl:variable name="test1" select="document('upage://47.photo)/udata/property/value" />
<xsl:variable name="test2" select="document(concat('udata://system/makeThumbnail/(.', $test1, ')/(auto)/103'))/udata/src"/>
<img src="http://localhost{$test2}"/>