Hi Devin,

What I think you are missing is the /umbracoFile.

Try to change this:

  <xsl:variablename="bottomLeftImage"select="$configData/bottomLeftImage"/>
  <xsl:variablename="bottomMiddleImage"select="$configData/bottomMiddleImage"/>
  <xsl:variablename="bottomRightImage"select="$configData/bottomRightImage"/>

To this

  <xsl:variablename="bottomLeftImage"select="$configData/bottomLeftImage/umbracoFile"/>
  <xsl:variablename="bottomMiddleImage"select="$configData/bottomMiddleImage/umbracoFile"/>
  <xsl:variablename="bottomRightImage"select="$configData/bottomRightImage/umbracoFile"/>

To see if it will solve your problem.

/Dennis

Hi Dennis,

Thanks so much for your reply. I tried that but it just made everything dissapear.

Okay,

Now I see where you print the image out. Have you tried this one as well.

<xsl:templatename="getImage">
  <xsl:paramname="imageTag"/>
  <xsl:paramname="imageLink"/>
  <xsl:choose>
    <xsl:whentest="$imageLink!= ''">
      <ahref="{umbraco.library:NiceUrl($imageLink)}"><xsl:value-ofdisable-output-escaping="yes"select="$imageTag/umbracoFile"/></a>
    </xsl:when>
    <xsl:otherwise>
      <xsl:value-ofdisable-output-escaping="yes"select="$imageTag/umbracoFile"/>
    </xsl:otherwise>
  </xsl:choose>
</xsl:template>

/Dennis

Adding /umbracoFile just removes the ID too. So no image and no ID :( It's really frustrating me.

Hi Devin,

I understand that.

But have you try to see the documentation for GetMedia (Getting the url of a media file using a mediaPicker). I think this could help you in the right direction.

One of the examples is this one.

Getting the url of a media file using a mediaPicker

<xsl:value-ofselect="umbraco.library:GetMedia($currentPage/propertyAlias, 0)/umbracoFile"/>

I think you should take a look on this.

http://our.umbraco.org/wiki/reference/umbracolibrary/getmedia

/Dennis

Actually after I look more in to your code, I think this will do the trick for you. I know I have said it before in this post :-)

<?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"xmlns:tagsLib="urn:tagsLib"xmlns:BlogLibrary="urn:BlogLibrary"
  exclude-result-prefixes="msxml
 umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes 
Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings 
Exslt.ExsltSets tagsLib BlogLibrary ">


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

<xsl:paramname="currentPage"/>
<xsl:variablename="configData"select="$currentPage/ancestor-or-self::*[@isDoc]/*[@isDoc][@nodeName='SiteConfig']"/>


<xsl:templatematch="/">
  <xsl:call-templatename="getBottomImagesAndText"/>
</xsl:template>


<xsl:templatename="getBottomImagesAndText">
  <xsl:variablename="bottomLeftImage"select="umbraco.library:GetMedia($configData/bottomLeftImage,0)/umbracoFile"/>
  <xsl:variablename="bottomMiddleImage"select="umbraco.library:GetMedia($configData/bottomMiddleImage,0)/umbracoFile"/>
  <xsl:variablename="bottomRightImage"select="umbraco.library:GetMedia($configData/bottomRightImage,0)/umbracoFile"/>

  <xsl:variablename="bottomLeftImageLink"select="$configData/bottomLeftImageLink"/>
  <xsl:variablename="bottomMiddleImageLink"select="$configData/bottomMiddleImageLink"/>
  <xsl:variablename="bottomRightImageLink"select="$configData/bottomRightImageLink"/>

  <xsl:variablename="bottomLeftText"select="$configData/bottomLeftText"/>
  <xsl:variablename="bottomMiddleText"select="$configData/bottomMiddleText"/>
  <xsl:variablename="bottomRightText"select="$configData/bottomRightText"/>
  
  <xsl:variablename="bottomLeftTitle"select="$configData/bottomLeftTitle"/>
  <xsl:variablename="bottomMiddleTitle"select="$configData/bottomMiddleTitle"/>
  <xsl:variablename="bottomRightTitle"select="$configData/bottomRightTitle"/>
  
  <xsl:iftest="$bottomLeftImage and $bottomMiddleImage and $bottomRightImage != ''">
  
    <tablewidth="926"border="0"cellpadding="0"cellspacing="0"class="homeTable">
            <tr>
              <tdheight="10"colspan="5"><imgsrc="/images/RESGroup/spacer.gif"alt="space"width="1"height="1"/></td>
            </tr>
 
            <tr>
                <tdwidth="300"height="114"valign="top">
        
        <xsl:iftest="$bottomLeftTitle != ''">
        <divclass="imageTextOverlay_1">
        <xsl:call-templatename="getTitle">
          <xsl:with-paramname="imageTitle"select="$bottomLeftTitle"/>
        </xsl:call-template>   
        </div>
        </xsl:if>
                                
        <xsl:call-templatename="getImage">
          <xsl:with-paramname="imageTag"select="$bottomLeftImage"/>
          <xsl:with-paramname="imageLink"select="$bottomLeftImageLink"/>
        </xsl:call-template>
                  
        <xsl:call-templatename="getText">
          <xsl:with-paramname="imageText"select="$bottomLeftText"/>
        </xsl:call-template>
                                                    
        </td>

                <tdheight="114"><imgsrc="/images/RESGroup/spacer.gif"alt="space"width="1"height="1"/></td>

                <tdwidth="300"height="114"valign="top">
                  
        <xsl:iftest="$bottomMiddleTitle != ''">
        <divclass="imageTextOverlay_2">
        <xsl:call-templatename="getTitle">
          <xsl:with-paramname="imageTitle"select="$bottomMiddleTitle"/>
        </xsl:call-template>   
        </div>
        </xsl:if>         
        
        <xsl:call-templatename="getImage">
          <xsl:with-paramname="imageTag"select="$bottomMiddleImage"/>
          <xsl:with-paramname="imageLink"select="$bottomMiddleImageLink"/>
        </xsl:call-template>
                  
        <xsl:call-templatename="getText">
          <xsl:with-paramname="imageText"select="$bottomMiddleText"/>
        </xsl:call-template>
                                   
        </td>

                <tdheight="114"><imgsrc="/images/RESGroup/spacer.gif"alt="space"width="1"height="1"/></td>
 
                <tdwidth="300"height="114"valign="top">
        
        <xsl:iftest="$bottomRightTitle != ''">
        <divclass="imageTextOverlay_3">
        <xsl:call-templatename="getTitle">
          <xsl:with-paramname="imageTitle"select="$bottomRightTitle"/>
        </xsl:call-template>   
        </div>
        </xsl:if>
                      
        <xsl:call-templatename="getImage">
          <xsl:with-paramname="imageTag"select="$bottomRightImage"/>
          <xsl:with-paramname="imageLink"select="$bottomRightImageLink"/>
        </xsl:call-template>
                  
        <xsl:call-templatename="getText">
          <xsl:with-paramname="imageText"select="$bottomRightText"/>
        </xsl:call-template>  
                                                      
        </td>
          
           </tr>
      
        </table>
  </xsl:if>
</xsl:template>

<xsl:templatename="getImage">
  <xsl:paramname="imageTag"/>
  <xsl:paramname="imageLink"/>
  <xsl:choose>
    <xsl:whentest="$imageLink!= ''">
      <ahref="{umbraco.library:NiceUrl($imageLink)}"><xsl:value-ofdisable-output-escaping="yes"select="$imageTag"/></a>
    </xsl:when>
    <xsl:otherwise>
      <xsl:value-ofdisable-output-escaping="yes"select="$imageTag"/>
    </xsl:otherwise>
  </xsl:choose>
</xsl:template>
    
<xsl:templatename="getText">
  <xsl:paramname="imageText"/>
  <xsl:iftest="$imageText != ''">
    <xsl:value-ofdisable-output-escaping="yes"select="$imageText"/>
  </xsl:if>
</xsl:template>    
    
<xsl:templatename="getTitle">
  <xsl:paramname="imageTitle"/>
  <xsl:iftest="$imageTitle!= ''">
    <xsl:value-ofdisable-output-escaping="yes"select="$imageTitle"/>
  </xsl:if>
</xsl:template>   

</xsl:stylesheet>

/Dennis

This worked perfectly for me!

<img>
    <xsl:attribute name="src">
    <xsl:value-of select="umbraco.library:GetMedia($imageTag, 0)/umbracoFile"/>
    <xsl:attribute>
>

Cool that you found a solution Devin,

/Dennis

Thanks Dennis :)

is working on a reply...