ItemStyle.xsl append site name to image

Question

Hi
I've added a cqwp that fetches information from a list. One of the column (TestRelative) is set to hold only the image filename i.e. myImage.jpg
I set the Image (in CQWP parameter settings) to  TestRelative.
When the page renders the image doesnt show, i get the red X. Checking the image url in the browser I can see that the address is missing the current sitecollection and web. (http://server.com/imagelib/myimage.jpg)
its supposed to read (http://server.com/sites/sc/imagelib/myimage.jpg) or if placed in a subsite then (http://server.com/sites/sc/subweb/imagelib/myimage.jpg)
The SC and subweb are needed to be dynamic.
Here is the partial xslt:
<xsl:template name="customReImageLeft" match="Row[@Style='customReImageLeft']" mode="itemstyle">
<xsl:variable name="SafeLinkUrl">
<xsl:call-template name="OuterTemplate.GetSafeLink">
<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="SafeImageUrl">
<xsl:call-template name="OuterTemplate.GetSafeStaticUrl">
<xsl:with-param name="UrlColumnName" select="'ImageUrl'"/>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="DisplayTitle">
<xsl:call-template name="OuterTemplate.GetTitle">
<xsl:with-param name="Title" select="@Title"/>
<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
</xsl:call-template>
</xsl:variable>
<div class="item">
<xsl:if test="string-length($SafeImageUrl) != 0">
<div class="image-area-left">
<a href="{$SafeLinkUrl}">
<xsl:if test="$ItemsHaveStreams = 'True'">
<xsl:attribute name="onclick">
<xsl:value-of select="@OnClickForWebRendering"/>
</xsl:attribute>
</xsl:if>
<xsl:if test="$ItemsHaveStreams != 'True' and @OpenInNewWindow = 'True'">
<xsl:attribute name="onclick">
<xsl:value-of disable-output-escaping="yes" select="$OnClickTargetAttribute"/>
</xsl:attribute>
</xsl:if>
<img class="image" style="width:150px;height:150px" src="{$SafeImageUrl}" title="{@ImageUrlAltText}">
<xsl:if test="$ImageWidth != ''">
<xsl:attribute name="width">
<xsl:value-of select="$ImageWidth" />
</xsl:attribute>
</xsl:if>
<xsl:if test="$ImageHeight != ''">
<xsl:attribute name="height">
<xsl:value-of select="$ImageHeight" />
</xsl:attribute>
</xsl:if>
</img>
</a>
</div>
</xsl:if>
<div class="link-item">
<xsl:call-template name="OuterTemplate.CallPresenceStatusIconTemplate"/>
<div class="customTitle">
<xsl:value-of select="@Title" />
</div>
<br />
<div class="customDescription">
<xsl:value-of select="@Description" />
</div>
</div>
</div>
</xsl:template>

Answer 1

Hi Orange,
if i may know, the address shown from your code is only the filename, without full web/site URL yes?
if you add a concat tag, will it help? for example:
<xsl:value-of select="/*/properties/property[@name='report']/@value" />
please check these 3rd party link example perhaps able to help you to have a workaround?
http://blog.greenbrain.de/2014/07/configuring-content-query-webpart-to.html
https://www.nothingbutsharepoint.com/sites/eusp/pages/how-to-customize-sharepoint-list-content-display-using-content-query-web-part.aspx
Regards,
Aries
Microsoft Online Community Support
Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.