Displaying an image from xml source element

[Annemarie McKeown]

Hello,
I seem to be having a problem displaying a image using a XSL transformation, and a source XML doc.
The source xml for the image I have is:

 <Media Type="Photo" Href="austraila.GIF" Desc="Sydney by Day"></Media> 

Within the xsl stylesheet which I am using to transform info. in my xml file to a suitable display I have the following code to retrieve the location of the image:

 
<img><xsl:element name="Media">
<xsl:attribute name="Href">
<xsl:value-of select="Href"/>
</xsl:attribute>
</xsl:element></img> 

The image doesn't display in the browser.
I have embedded the xsl transformation in an <img> tag is it correct to do this? Could someone tell me the correct procedure to display this image using an xsl stylesheet transformation.
Thanks.

[Lasse Koskela]

The syntax for an image tag in HTML is
<img src="...">
so your XSL stylesheet should probably look something like:

<xsl:template match="Media[@Type = 'Photo']">
  <xsl:element name="img">
    <xsl:attribute name="src">
      <xsl:value-of select="@Href"/>
    </xsl:attribute>
    <xsl:attribute name="alt">
      <xsl:value-of select="@Desc"/>
    </xsl:attribute>
  </xsl:element>
</xsl:template>

[Annemarie McKeown]

That didn't work for me, error message:
Cannot use <xsl:template> here.
I think its because I have a for-each statement before I insert your code snippet.
My xml tree structure is like this:
<Holiday>
<City>
<Media......>code like before in orginal post.
</City>
</Holiday>
I have a xsl:template match="/" at the start of my xsl:stylesheet.
Can you help me further?
Thanks.

[Lasse Koskela]

Cannot use <xsl:template> here.

Yes, the xsl:template element can only be used as a direct child of xsl:stylesheet.

I have a xsl:template match="/" at the start of my xsl:stylesheet.

It is a best practice to avoid writing your stylesheet as a one big, gigantic template element. If it's too much trouble at this point to divide your template into several smaller ones, you should try using my code snippet within the xsl:for-each (just the content of my xsl:template, not the whole thing).
It would probably also help a lot if you'd post your XSL document (using the UBB code tags for decent formatting, please).

[Annemarie McKeown]

Hello ,
I embedded your code snippet into my xsl:for-each statement as follows:

<xsl:for-each select="TravelValue/LHSpecialOffer">
<tr>
<td width="70" align="left">

        <xsl:element name="img">    
<xsl:attribute name="src">      
<xsl:value-of select="Media/@Href"/>    
</xsl:attribute>    
<xsl:attribute name="alt">      
<xsl:value-of select="Media/@Desc"/>    
</xsl:attribute>  
</xsl:element>

</td>

<td width="80" align="right"><xsl:value-ofselect="Reference" /></td>
</tr>
</xsl:for-each>

The result displays the alt element ok in the browser, bit still the image is not displayed, I just see the standard X where the image should be.
Also where would I put parameters for height and width into your code snippet for the image, just as an extra attributes I guess?
Here is a snippet of my xml source file which is relevant to this particular problem:

 
<TravelValue>
<LHSpecialOffer>
<Reference>Aus300LH</Reference>
<Title>Explore Australia</Title>
<Description>Explore Australia first with TravelValues latest offer........</Description>
<Location>
<City>Sydney</City>
<Region></Region>
<Country>Australia</Country>
</Location>
<AccomDetails Type="Hostel">
<Name>Warwick Street Hostel</Name>
<Contact>
<Address>10 Warwick Avenue</Address>
<Address>Warwick Road</Address>
<PostCode Type="Zip">440124</PostCode>
<Phone Type="Land">44(0)123456798</Phone>
<Fax>44(0)845632458</Fax>
<Email>[e-mail]</Email>
  </Contact>
<Rating Star="3"></Rating> 
<RoomType Type="Single"></RoomType>
<Board Type="RO"></Board>
  </AccomDetails>
<Duration Period="Months">2</Duration>
    <Price Currency="EUR">
<OrigPrice>1000</OrigPrice>
<OfferPrice>775</OfferPrice>
</Price>
<DepartDetails>
<Airport>Belfast International</Airport>
<Date>12/04/04</Date>
<Time>08.00</Time>
</DepartDetails>
<ReturnDetails>
<Airport>Sydney International</Airport>
  <Date>16/06/04</Date>
<Time>13.50</Time>
</ReturnDetails>
<Media Type="Photo" Href="austraila.GIF" Desc="Sydney by Day"></Media>
</LHSpecialOffer>
</TravelValue>
 

Let me know if you can help please, looks like something so simple to me, but so annoying.
Thanks for your help, Annemarie.