Пытаюсь сделать карусель. Сделала почти все кроме одного, а именно.
XSL генерирует данные, всё хорошо, но нужно чтобы первому элементу div класс добавлялся active.
Вот пример исходного кода:
Структура HTML файла должна быть следующей:
<div class="carousel">
<div class="carousel-inner">
<div class="item active">...</div>
<div class="item">...</div>
<div class="item">...</div>
</div>
</div>
Не могу присвоить первому диву класс active

Подскажите.
<!-- МагазинКарусельТоваров -->
<xsl:template match="/">
<xsl:apply-templates select="/shop"/>
</xsl:template>
<!-- Шаблон для магазина -->
<xsl:template match="/shop">
<div class="carousel slide" id="item_carousel">
<div class="carousel-inner">
<!-- Есть товары -->
<xsl:if test="item">
<!-- Выводим товары магазина -->
<xsl:apply-templates select="item"/>
</xsl:if>
</div>
<a class="left carousel-control" href="#item_carousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#item_carousel" data-slide="next">›</a>
</div>
</xsl:template>
<!-- Шаблон для товара -->
<xsl:template match="item">
<div class="item">
<!-- Изображение для товара, если есть -->
<xsl:choose>
<xsl:when test="image!=''">
<a href="{/shop/path}{fullpath}{path}/">
<img src="{image}" title="{name}"/>
</a>
</xsl:when>
<xsl:otherwise>
<a href="{/shop/path}{fullpath}{path}/">
<img src="/images/no_image.gif" alt="{name}" title="{name}"/>
</a>
</xsl:otherwise>
</xsl:choose>
<div class="carousel-caption">
<h4> <xsl:value-of disable-output-escaping="yes" select="name"/> </h4>
<p>
<xsl:choose>
<xsl:when test="price_discount != 0">
<xsl:variable name="price" select="price_discount"/>
<xsl:value-of select="format-number($price, '### ##0', 'my')"/> 
<!-- Валюта товара -->
<xsl:value-of disable-output-escaping="yes" select="currency"/>
</xsl:when>
<xsl:otherwise>
<xsl:text> ... </xsl:text>
</xsl:otherwise>
</xsl:choose>
</p>
</div>
</div>
</xsl:template>