Hi John,

The best way to deal with this is to create a separate template for building an <img> with from a <media> chunk, and then use <apply-templates /> to "call" it by selecting the appropriate chunk:

<!-- Render all square images -->
<xsl:apply-templates select="body.content/media[@image-specification = 'square']" />

<xsl:template match="media[@media-type = 'image']">
    <xsl:variable name="ref" select="media-reference" />
    <img align="left" src="{$ref/@source}" alt="$ref/@alternate-text" width="{$ref/@width}" height="{$ref/@height}" />
</xsl:template>

/Chriztian

This should work, should it not?

<xsl:if test="body.content/media[@image-specification = 'square']"/>

        
        <xsl:element name="img">
            <xsl:attribute name="src"><xsl:value-of select="body.content/media/media-reference/@source"/>
            </xsl:attribute>
            <xsl:attribute name="alt"><xsl:value-of select="media/media-reference/@alternate-text"/>
            </xsl:attribute>
            <xsl:attribute name="align">left</xsl:attribute>
        </xsl:element>
</xsl:if>

Almost,

Because there are more than one <media> element, we add the predicate (square-brackets) - so the if statement will successfully detect if there's a media element with the 'square' value. But then when you generate the <img> tag, you have to use the predicate again - for every value you need, which is why I suggested the template.

To make this work without, you can do this instead:

<xsl:variable name="squareMedia" select="body.content/media[@image-specification = 'square']" />
<xsl:if test="$squareMedia">        
    <img src="{$squareMedia/media-reference/@source}" alt="{$squareMedia/media-reference/@alternate-text}" align="left" />
</xsl:if>

/Chriztian

Im missing something. Just not working. Tried this, did not throw an error, but still picking up first image.

Hi John,

Could you post the XSLT file you're using? And if you're not fetching the XML from whithin that file, then maybe explain how you match them up.

/Chriztian

Chriztian,

I got the second code sample working. Later in the code we have this:

<xsl:template match="body.content">
<div class="storyContent">
<xsl:if test="media">
<div class="photobox">
    <div class="photo">
   
  
        <xsl:element name="img">
            <xsl:attribute name="src">
            <xsl:value-of select="media/media-reference/@source"/>
            </xsl:attribute>
            <xsl:attribute name="alt">
            <xsl:value-of select="media/media-reference/@alternate-text"/>
            </xsl:attribute>
        </xsl:element>


    </div>
    <div class="photocaption"><xsl:value-of select="media/media-caption"/></div>
</div>
</xsl:if>
    <xsl:apply-templates />

Same problem. USAToday used to only give one media image for both thumb and story.

Fixed it1

<xsl:template match="body.content">
<div class="storyContent">

<xsl:variable name="StoryMedia" select="media[@image-specification = 'x-large']" />

<xsl:if test="$StoryMedia">
<div class="photobox">
    <div class="photo">
   
  
        <xsl:element name="img">
            <xsl:attribute name="src">
            <xsl:value-of select="$StoryMedia/media-reference/@source"/>
            </xsl:attribute>
            <xsl:attribute name="alt">
            <xsl:value-of select="$StoryMedia/media-reference/@alternate-text"/>
            </xsl:attribute>
        </xsl:element>


    </div>
    <div class="photocaption"><xsl:value-of select="media/media-caption"/></div>
</div>
</xsl:if>
    <xsl:apply-templates />
</div>
</xsl:template>

Using different sizes now for thumbs and stories. Thanks for the help!

Fixed it!

<xsl:template match="body.content">
<div class="storyContent">

<xsl:variable name="StoryMedia" select="media[@image-specification = 'x-large']" />

<xsl:if test="$StoryMedia">
<div class="photobox">
    <div class="photo">
   
  
        <xsl:element name="img">
            <xsl:attribute name="src">
            <xsl:value-of select="$StoryMedia/media-reference/@source"/>
            </xsl:attribute>
            <xsl:attribute name="alt">
            <xsl:value-of select="$StoryMedia/media-reference/@alternate-text"/>
            </xsl:attribute>
        </xsl:element>


    </div>
    <div class="photocaption"><xsl:value-of select="media/media-caption"/></div>
</div>
</xsl:if>
    <xsl:apply-templates />
</div>
</xsl:template>

Using different sizes now for thumbs and stories. Thanks for the help!

is working on a reply...