Размещение фотографии любого размера - История изменений

Romario в 14:22, 27 февраля 2012

2012-02-27T14:22:22Z

Romario в 14:19, 27 февраля 2012

2012-02-27T14:19:54Z

Romario в 14:18, 27 февраля 2012

2012-02-27T14:18:56Z

Romario в 22:57, 28 декабря 2011

2011-12-28T22:57:17Z

Romario: Новая страница: «Размещение фотографии любого размера в строго заданной области в XSLT шаблонизаторе Неред…»

2011-12-28T22:56:21Z

Новая страница: «Размещение фотографии любого размера в строго заданной области в XSLT шаблонизаторе Неред…»

Новая страница

Размещение фотографии любого размера в строго заданной области в XSLT шаблонизаторе

Нередко при создании сайта нам необходимо размещать изображения в четко заданные дизайном рамки, заранее не зная и не учитывая размеры изображения. Для решения данной задачи подойдет следующее решение

<source lang="xml">

<xsl:choose>
<xsl:when test="$image_h < $image_w">
<td>
<a href="{@link}">
<xsl:call-template name="catalog-thumbnail">
<xsl:with-param name="element_id" select="@id" />
<xsl:with-param name="field_name">fotofajl_new</xsl:with-param>
<xsl:with-param name="width">160</xsl:with-param>
</xsl:call-template>
</a>
</td>
</xsl:when>
<xsl:when test="$image_h > $image_w">
<td>
<a href="{@link}">
<xsl:call-template name="catalog-thumbnail">
<xsl:with-param name="element_id" select="@id" />
<xsl:with-param name="field_name">fotofajl_new</xsl:with-param>
<xsl:with-param name="height">160</xsl:with-param>
</xsl:call-template>
</a>
</td>
</xsl:when>
<xsl:otherwise>
<td>
<a href="{@link}">
<xsl:call-template name="catalog-thumbnail">
<xsl:with-param name="element_id" select="@id" />
<xsl:with-param name="field_name">fotofajl_new</xsl:with-param>
<xsl:with-param name="height">160</xsl:with-param>
</xsl:call-template>
</a>
</td>
</xsl:otherwise>

</source>
</xsl:choose>

@@ Строка 22: / Строка 22: @@
 <source lang="xml">
-<xsl:variable name="image_w" select="document(concat('upage://', @id))/udata/page/properties/group[@name='opisanie_tovara']/property/value/@width"/> <xsl:variable name="image_h" select="document(concat('upage://', @id))/udata/page/properties/group[@name='opisanie_tovara']/property/value/@height"/>
+<xsl:variable name="image_w" select="document(concat('upage://', @id))/udata/page/properties/group[@name='opisanie_tovara']/property/value/@width"/>
 <xsl:choose>

@@ Строка 4: / Строка 4: @@
 За вывод обьектов каталога отвечает шаблон ~\xsltTpls\modules\catalog\common.xsl
-В этом файле нужно заменить блок, отвечающий за создание уменьшенной картинки:
+В этом файле нужно заменить вызов, отвечающий за создание уменьшенной картинки:
 <source lang="xml">
   <a href="{@link}" class="image">

← Предыдущая		Версия 22:57, 28 декабря 2011
Строка 42:		Строка 42:

	</source>		</source>
−	~~</xsl~~:~~choose>~~	+	[[Категория:Верстка в XSLT]]

@@ Строка 1: / Строка 1: @@
-Размещение фотографии любого размера в строго заданной области в XSLT шаблонизаторе
+задача: выводить фотографии объектов каталога без обрезания на демонстрационном сайте demodizi (шаблон современный).
-	Нередко при создании сайта нам необходимо размещать изображения в четко заданные дизайном рамки, заранее не зная и не учитывая размеры изображения. Для решения данной задачи подойдет следующее решение
+За вывод обьектов каталога отвечает шаблон ~\xsltTpls\modules\catalog\common.xsl
 <source lang="xml">
 <xsl:choose>
-<xsl:when test="$image_h &lt; $image_w">
+					<xsl:when test="$image_h &lt; $image_w">
-	<td>
+						<td>
-		<a href="{@link}">
+							<a href="{@link}" class="image">
-			<xsl:call-template name="catalog-thumbnail">
+								<xsl:call-template name="catalog-thumbnail">
-			<xsl:with-param name="element_id" select="@id" />
+									<xsl:with-param name="element-id" select="@id" />
-			<xsl:with-param name="field_name">fotofajl_new</xsl:with-param>
+									<xsl:with-param name="field-name">photo</xsl:with-param>
-			<xsl:with-param name="width">160</xsl:with-param>
+									<xsl:with-param name="empty">&empty-photo;</xsl:with-param>
-			</xsl:call-template>
+									<xsl:with-param name="width">160</xsl:with-param>
-		</a>
+									<xsl:with-param name="height">auto</xsl:with-param>
-	</td>
+								</xsl:call-template>
-</xsl:when>
+							</a>
-<xsl:when test="$image_h &gt; $image_w">
+						</td>
-	<td>
+					</xsl:when>
-		<a href="{@link}">
+					<xsl:when test="$image_h &gt; $image_w">
-			<xsl:call-template name="catalog-thumbnail">
+						<td>
-			<xsl:with-param name="element_id" select="@id" />
+							<a href="{@link}" class="image">
-			<xsl:with-param name="field_name">fotofajl_new</xsl:with-param>
+								<xsl:call-template name="catalog-thumbnail">
-			<xsl:with-param name="height">160</xsl:with-param>
+									<xsl:with-param name="element-id" select="@id" />
-			</xsl:call-template>
+									<xsl:with-param name="field-name">photo</xsl:with-param>
-		</a>
+									<xsl:with-param name="empty">&empty-photo;</xsl:with-param>
-	</td>
+									<xsl:with-param name="height">160</xsl:with-param>
-</xsl:when>
+									<xsl:with-param name="width">auto</xsl:with-param>
-<xsl:otherwise>
+								</xsl:call-template>
-	<td>
+							</a>
-		<a href="{@link}">
+						</td>
-			<xsl:call-template name="catalog-thumbnail">
+					</xsl:when>
-			<xsl:with-param name="element_id" select="@id" />
+					<xsl:otherwise>
-			<xsl:with-param name="field_name">fotofajl_new</xsl:with-param>
+						<td>
-			<xsl:with-param name="height">160</xsl:with-param>
+							<a href="{@link}" class="image">
-			</xsl:call-template>
+								<xsl:call-template name="catalog-thumbnail">
-		</a>
+									<xsl:with-param name="element-id" select="@id" />
-	</td>
+									<xsl:with-param name="field-name">photo</xsl:with-param>
-</xsl:otherwise>
+									<xsl:with-param name="empty">&empty-photo;</xsl:with-param>
 </source>
 [[Категория:Верстка в XSLT]]