Hello,

I'm fairly new to Umbraco (3 weeks in) and I'm having a bit of trouble with some Xslt. I've cobbled together the below code from searching around on the web and this forum and have it working how I'd like. *Displays 3 articles on a page which have been picked via the Multi Node Tree Picker Data Type - with a different image per article.*

However, rather than using <img><xsl:attribute> to show the image for each article I'd like to use umbraco.library.GetMedia and use a 'Media Picker' data type rather than the 'Upload' data type when selecting the image in the 'Content' area. However, if I change the code to this the image selected for all 3 articles is the same (the first articles image).

Any help on how I can do this would be massively appriciated.

Below is the current xslt code and a massive thank you in advance.

<xsl:template match="/">
 
<!-- start writing XSLT -->
<xsl:for-each select="$currentPage/ancestor-or-self::*/top3Articles/MultiNodePicker/nodeId">
<xsl:variable name="idProject" select="."/>
 
<xsl:for-each select="$currentPage/ancestor-or-self::* [@isDoc and @level= 1]//* [@isDoc and @level = 4]">
 
<xsl:variable name="idNodePicker" select="@id"/>
 
<xsl:if test="$idNodePicker = $idProject">
 
<div class="mainNewsItem">
  <div class="container">
    <div class="img">
      <a href="{umbraco.library:NiceUrl(@id)}">
        <img width="235" height="176" border="0">
        <xsl:attribute name="src">
        <xsl:value-of select="topArticleImage"/>
        </xsl:attribute>
        <xsl:attribute name="alt">
        <xsl:value-of select="articleAltText"/>
        </xsl:attribute>
        </img>
      </a>
    </div>
    <div class="copyContainer">
      <div class="copyHeader">
        <a href="{umbraco.library:NiceUrl(@id)}" class="headerLink"><xsl:attribute name="title"><xsl:value-of select="articleAltText"/></xsl:attribute>
          <xsl:value-of select="articleHeadline"/>
        </a>
      </div>
      <div class="copy"><xsl:value-of select="articleLongDescription"/></div>
    </div>
    <div class="moreContainer"><a href="{umbraco.library:NiceUrl(@id)}" class="moreLink">[read more +]</a></div>
  </div>
</div>
 
</xsl:if>
</xsl:for-each>
</xsl:for-each>
 
</xsl:template>