alt text on images - XSLT - our.umbraco.com

Kate 267 posts 610 karma points

Oct 01, 2014 @ 19:55

Alt-text on images

XSLT

Hi

I have a problem with one of my old sites. (Umbraco version 4)
I want to put a Alt-text on all my images, but I’m having a problem with this one.

Here is the code I got so fare: (The problem is marked with XXX)

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp " "> ]>
<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:template match="/">
<div class="cntSlider cntSliderSmall">
<div class="slideHolder">
<div class="sliderText">
<div class="header"><xsl:apply-templates select="$currentPage/ancestor-or-self::*[normalize-space(overskriftPTopBillede)][1]/overskriftPTopBillede" /> </div>
<div class="teaser"><xsl:apply-templates select="$currentPage/ancestor-or-self::*[normalize-space(tekstPTopBillede)][1]/tekstPTopBillede" /> </div>
</div>
<div id="noSlideshow"> 
<div class="active">
<xsl:apply-templates select="$currentPage/ancestor-or-self::*[normalize-space(topBilledeSubPages)][1]/topBilledeSubPages" />
 
</div>
</div>
</div>
</div>
</xsl:template>

<xsl:template match="overskriftPTopBillede">
<xsl:variable name="header" select="$currentPage/ancestor-or-self::*[normalize-space(overskriftPTopBillede)][1]/overskriftPTopBillede" />
<xsl:value-of select="$header" />
</xsl:template>

<xsl:template match="tekstPTopBillede">
<xsl:variable name="sliderText" select="$currentPage/ancestor-or-self::*[normalize-space(tekstPTopBillede)][1]/tekstPTopBillede" />
<xsl:value-of select="umbraco.library:StripHtml($sliderText)" disable-output-escaping="yes" />
</xsl:template>

<xsl:template match="topBilledeSubPages">
<xsl:variable name="media" select="umbraco.library:GetMedia(., false())" />
<xsl:if test="$media">
<xsl:variable name="url" select="$media/umbracoFile" />
<xsl:variable name="width" select="$media/umbracoWidth" />
<xsl:variable name="height" select="$media/umbracoHeight" />
<xsl:variable name="alttext" select="XXX" />
<img src="{$url}" width="{$width}" height="{$height}" alt="{$alttext}" />
</xsl:if>
</xsl:template>

</xsl:stylesheet>

Hope you can help.

Thanx

Copy Link

Dennis Aaen 4499 posts 18254 karma points admin hq c-trib

Oct 01, 2014 @ 19:57

Hi Kate,

Okay if you have added the property to your page document type so you are add the altText on the page that you are viewing in the browers, then you should call it with $CurrentPage/propertyAlias.

So in your case we make the variable like this:

<xsl:variable name="alttext" select="$CurrentPage/altText" />

Then you should get the alt text on your image.

Hope this helps,

/Dennis

Copy Link

Kate 267 posts 610 karma points

Oct 01, 2014 @ 19:59

Perfect, just what I need.

Thanks for your help

Copy Link

is working on a reply...

Flag this post as spam?

Alt-text on images