Hi..

I have listed up images from a folder and trying to show the file size of an image on hover, but I seem that I get the same media id and therefore also the same size is shown.
You can see an example here: http://fonnesberg.com/en/press/download/photos.aspx

Someone who can see what I am missing?

<?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:param name="currentPage"/>

<xsl:variable name="imageRoot" select="$currentPage/photos"/>
<xsl:variable name="mediaId" select="number($currentPage/photos)"/>
<xsl:variable name="media" select="umbraco.library:GetMedia($mediaId, true())/*"/>

<xsl:variable name="mediaItems" select="umbraco.library:GetMedia($mediaId, true())"/>
    
<xsl:variable name="itemsPerPage" select="20"/>
<xsl:variable name="numberOfItems" select="count($mediaItems//Image)"/>

<xsl:variable name="pageNumber">
  <xsl:choose>
    <xsl:when test="umbraco.library:RequestQueryString('page') = ''">
      <xsl:value-of select="1"/>
    </xsl:when>
    <xsl:otherwise>
      <xsl:value-of select="umbraco.library:RequestQueryString('page')"/>
    </xsl:otherwise>
  </xsl:choose>
</xsl:variable>

<xsl:template match="/">

<xsl:variable name="size" select="$media/umbracoBytes" />
<xsl:variable name="sizeAndSuffix">
        <xsl:choose>
                <xsl:when test="$size &gt;= 1073741824">
                        <xsl:value-of select="format-number($size div 1073741824,'#,###')"/>
                        <xsl:text> GB</xsl:text>
                </xsl:when>
                <xsl:when test="$size &gt;= 1048576">
                        <xsl:value-of select="format-number($size div 1048576,'#,###')"/>
                        <xsl:text> MB</xsl:text>
                </xsl:when>
                <xsl:when test="$size &gt;= 1024">
                        <xsl:value-of select="format-number($size div 1024,'#,###')"/>
                        <xsl:text> KB</xsl:text>
                </xsl:when>
                <xsl:when test="$size &gt; 0 and $size &lt; 1024">
                        <xsl:value-of select="format-number($size div 0,'#,###')"/>
                        <xsl:text> Bytes</xsl:text>
                </xsl:when>
                <xsl:otherwise>
                        <xsl:text>0 Bytes</xsl:text>
                </xsl:otherwise>
        </xsl:choose>
</xsl:variable>

<xsl:if test="string-length($imageRoot) &gt; 0">
   <xsl:for-each select="$mediaItems//Image">
    <xsl:if test="position() &gt; $itemsPerPage * number($pageNumber -1) and
position() &lt;= number($itemsPerPage * number($pageNumber -1) + $itemsPerPage)">
    
    <a href="{umbracoFile}" title="{@nodeName} - {$sizeAndSuffix}" target="_blank">
      <img src="{concat(substring-before(umbracoFile,'.'),'_thumb_90.jpg')}" height="90" width="90" class="download_photo" />
    </a>
    </xsl:if>
  </xsl:for-each>
</xsl:if>

<xsl:if test="$numberOfItems &gt; $itemsPerPage">
<div id="paging">
<xsl:if test="$pageNumber &gt; 1">
  <a class="previous" href="?page={$pageNumber -1}">&#8249;</a>
</xsl:if>

<xsl:call-template name="for.loop">
  <xsl:with-param name="i">1</xsl:with-param>
  <xsl:with-param name="count" select="ceiling($numberOfItems div $itemsPerPage)"></xsl:with-param>
</xsl:call-template>


<xsl:if test="(($pageNumber) * $itemsPerPage) &lt; ($numberOfItems)">
  <a class="next" href="?page={$pageNumber +1}">&#8250;</a>
</xsl:if>
</div>
</xsl:if>

</xsl:template>

<xsl:template name="for.loop">
                <xsl:param name="i"/>
                <xsl:param name="count"/>
                
                <xsl:if test="$i &lt;= $count">
      
                        <xsl:if test="$pageNumber != $i">
                                <a class="pageitem" href="?page={$i}">
                                        <xsl:value-of select="$i" />
                                </a>
                        </xsl:if>

                        <xsl:if test="$pageNumber = $i ">
      
      <span class="currentpageitem">
                                 <xsl:value-of select="$i" />
      </span>
                        </xsl:if>

                        <xsl:call-template name="for.loop">
                                <xsl:with-param name="i" select="$i + 1" />
                                <xsl:with-param name="count" select="$count">
                                </xsl:with-param>
                        </xsl:call-template>
                </xsl:if>

</xsl:template>

</xsl:stylesheet>

Bjarne