Hi Luke,

try this:

<img>

<xsl:attribute name="src>/folder/images/<xsl:value-of select="thumbnail"/></xsl:attribute>

</img>

Peter

I managed to rough it out with CDATA:

<xsl:text disable-output-escaping="yes"><![CDATA[<img src = "/folder/images/]]></xsl:text>
  <xsl:value-of select="thumbnail"/>
<xsl:text disable-output-escaping="yes"><![CDATA[" />]]></xsl:text>

But it is much cleaner to use the attribute method you suggested. Thanks!

You could also do it:

<img src="{concat('/folder/images/',thumbnail)}"/>

Richard

Above is perfectly correct, or you could simplify it further too...

<img src="/path/{file}" alt="" />

Curly brackets allow you to pass a value into a attribute (e.g src, alt, href). Hehe don't forgot the ALT tag ;)

Laurie : - }

Interesting!

Laurie, if I use {file} in the path, I assume I would need to declare it as a variable?

Something like this?

<xsl:variable name = "file"><xsl:value-ofselect='thumbnail'/></xsl:variable>

Hi Luke,

Here's a couple of rules of thumb:

* Generally, use the curly braces like you use <xsl:value-of /> but output goes inside an attribute value (they're called an "Attribute Value Template"), e.g.:

<a href="{url}">link</a>

* Use the <xsl:attribute> version when you need to do complicated logic determining the value; If you don't know the name of the attribute or if you don't always want the attribute added:

<a>
    <xsl:attribute name="class">
        <xsl:text>dropdown</xsl:text>
        <xsl:if test="*[@isDoc]">
            <xsl:text> hasChildren</xsl:text>
        </xsl:if>
    </xsl:attribute>
</a>

<p>
    <xsl:attribute name="$class-or-id">
        <xsl:value-of select="$identifier" />
    </xsl:attribute>
</p>

<li>
    <xsl:if test="@id = $currentPage/@id">
        <xsl:attribute name="class">selected</xsl:attribute>
    </xsl:if>
</li>

* Never use the <xsl:text disable-output-escaping="yes"> with CDATA hack - it's meant to be so ugly and verbose so it works as a flag that says "this is wrong, wrong, wrong" :-)

Regarding the {file} thing: Whatever you write in there is effectively an XPath expression, so if you're inside a template that matches an Image element (nodes in the Media section looks like that), you can access the child nodes using their aliases, like this:

<xsl:template match="Image">
    <img src="{umbracoFile}" width="{umbracoWidth}" height="{umbracoHeight}" alt="{@nodeName}" />
</xsl:template>

(So you don't have to create a variable).

/Chriztian

is working on a reply...