Hi Nikolas,

Here's what I've done:

<xsl:variable name="pic" select="umbraco.library:GetMedia($currentPagePictureMediaId, 'false')/data [@alias = 'umbracoFile']" />
<img src="{concat(substring-before($pic,'.'),'_PagePicture.',substring-after($pic,'.'))}" alt=""/>

Basically, I've split the media url using the '.', then take first part, add the crop name and finally add the extension (part after '.')

If there's a more convenient way, I'd like to hear about it...

Cheers,

/Dirk

Hi Dirk,

That's more or less exactly my code! ;) I was more thinking about something similar to the code Kenny used on his blog, but seems like that works only with the content section.

Nik

I've just tested to see if the same XML is output in the Media section as it is in the Content, and it seems that it is (others would have been able to say straight out, but I'm just looking at the control for the first time).

As is mentioned in the blog post (which you've obviously seen), the image cropper outputs XML in the content tree, e.g.:

<data alias="crops">
  <crops date="14/09/2009 14:59:46">
    <crop name="Thumb" x="307" y="121" x2="493" y2="254" url="/media/449/bookhouse-boys_3_Thumb.jpg"/>
    <crop name="Full" x="0" y="0" x2="550" y2="350" url="/media/449/bookhouse-boys_3_Full.jpg"/>
  </crops>
</data>

Note that the alias 'crops' is the alias of the Image Cropper property in the document type.

To use this in your XSLT, just reference the appropriate path with an XPath expression.

<img src="{umbraco.library:GetMedia([image node id], false)/data [@alias ='crops']/crops/crop[@name='Thumb']/@url}" alt="{@nodeName}"/>

Of course, you'll be wanting to change that node Id reference to something different.

If you're keen to see the XML structure of the media item, try the following XSLT:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [
  <!ENTITY nbsp "&#x00A0;">
]>
<xsl:stylesheet
    version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:msxml="urn:schemas-microsoft-com:xslt"
    xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets"
    exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets ">


  <xsl:output method="xml" omit-xml-declaration="yes" />

  <xsl:template match="/">
    <xsl:value-of select="umbraco.library:ChangeContentType('text/xml')"/>
    <xsl:apply-templates
      select="umbraco.library:GetMedia([replace with Media nodeId], 'false')"/>
  </xsl:template>

  <xsl:template match="*">
    <xsl:element name="{name(.)}">
      <xsl:for-each select="@*">
        <xsl:attribute name="{name(.)}">
          <xsl:value-of select="."/>
        </xsl:attribute>
      </xsl:for-each>

      <xsl:apply-templates/>
    </xsl:element>
  </xsl:template>
</xsl:stylesheet>

Just put your media node id into the right spot. Actually, with a tweak or two, this would show your entire media tree (and of course your standard content tree.

Hope this helps,

JT

I did it Dirk's way as well.
just splitting the media url and putting your cop-name between it.

is working on a reply...