Insert an image 1

karlito · Aug 20, 2001

Hi,

I'm working on an XSL document and trying to display an image which target is available in an XML document.

Any ideas on how I could display that?

that would only display the target:
<xsl:value-of select="IMAGE"/>

Is there something like <img src="XMLLINK"/>?

Thanks for your help.

jasonsalas · Aug 20, 2001

I thought the most logical way was to manipulate the HTML attribute "IMG SRC=..." in an XSL stylesheet, but I got bunk.

I was trying something like this in an XSL document:

<img <xsl:attribute name="src"><xsl:value-of select="IMAGE"/></xsl:attribute>/>

If you can think of something better (and something that actually works, please let me know!

jason@kuam.com

otalens · Aug 21, 2001

This is one way. Maybe not the coolest, but it works:

<xsl:text disable-output-escaping="yes">
<img border="0" src="test.jpg">
</xsl:text>

Regards,

Oliver Talens
*****************************
Abyss I.T. Solutions
Mathildastraat 36B
4901 HC Oosterhout

http://www.Abyss.nl

http://www.PanelPoint.nl

tel: +31 (0)162-439809
fax: +31 (0)162-439882
O.Talens@Abyss.nl
*****************************

karlito · Aug 21, 2001

Sorry guys but none of these worked.

The target of the photo is in an element withing an XML document, which various contents I'm displaying with the use of an XSL document. I'm trying to display this image automatically with the use of
<xsl:value-of select="IMAGE"/>, however what I cant do is use <img src="<xsl:value-of select="IMAGE"/>" />.

Any suggestions?

Thanks

jasonsalas · Aug 21, 2001

I've seen a couple of different ways, but nothing which is workable in a realistic, professional environment. "XML For Dummies" uses an example of inserting an image by setting the image filename as the "background-image" property in CSS. But, that comes out no good.

As long as the data included in the XML is the URL or absolute path if on a LAN to the image, this should be OK.

Check this out from:

http://home.clara.net/thorpy/new/Project/specification.html

.......................
As with HTML links can be used to include images or diagrams into a document. The inclusion of images into a book structure is something that could be implemented if time allows. The main problem with inserting images into a document is that the image files cannot actually be incorporated into the XML data file and have to be held separately and linked in at the point they are to appear. This means that the inclusion of images needs to be thought about a lot to come up with a sensible way of using them.
................

When I was working wity MSNBC.COM on a publishing tool, they allowed for the URLs of graphics file to be used, and the graphics would be displayed. However, this takes tricky DTD programming. (In the news biz, there's already a standing DTD format, called News Industry Text Format (NITF)).

Also, check out the "C.23" section of this page:

http://www.ucc.ie/xml/

I'm looking...

jasonsalas · Aug 21, 2001

I actually had this archived on nmy PC, so this is the XML document which conforms to the aforementioned NITF DTD (

http://www.nitf.org/).

It allows for graphics to be placed on pages, and this is how mayn of the big boys do it in the news biz. Pay particular attention to the <MEDIA-REFERENCE> tages about halfway through the document....that's where the image magic lies:

**************************************************
STORY1234.XML
**************************************************

<?xml version="1.0" ?>
<nitf>
<head>
<docdata>
<doc-id id="A030701b" />
</docdata>
<pubdata id="KUAM" position.section="news" position.sequence="1" ex-ref="

http://www.kuam.com"/>

</head>

<body>
<body.head>
<headline>
<hl1>Runway lights fail at airport</hl1>
</headline>
<byline>
<person>
<name.given>by Yanna</name.given>
<name.family>Person</name.family>
</person>
</byline>
<dateline>
<location>
<city>Tamuning</city>
<state>Guam</state>
<region>Pacific</region>
<country>USA</country>
</location>
<story.date><![CDATA[March 7]]></story.date>
</dateline>
<abstract>
<![CDATA[As Continental Flight 862 began its descent into the Guam International Airport Wednesday night, the aircrew suddenly found themselves without ground assistance]]>
</abstract>
</body.head>
<body.content>
<block>

<media media-type="image" >
<media-metadata name="main picture" />
<media-reference data-location="

http://www.kuam.com/images/news8_images/primetime.jpg"

width="300" height="225" mime-type="jpeg" alternate-text="A power surge at GIAA caused a Continental flight to delay landing for nearly half an hour (videography by Pete Leota)"></media-reference>
<media-caption>A power surge at GIAA caused a Continental flight to delay landing for nearly half an hour (videography by Pete Leota)</media-caption>
<media-producer>Videography by Pete Leota</media-producer>
</media>
<media media-type="image">
<media-metadata name="cover picture"/>
<media-reference data-location="

http://www.kuam.com/images/news8_images/primetime.jpg"

width="200" height="200" mime-type="jpeg" alternate-text="A power surge at GIAA caused a Continental flight to delay landing for nearly half an hour (videography by Pete Leota)"></media-reference>
<media-caption>A power surge at GIAA caused a Continental flight to delay landing for nearly half an hour (videography by Pete Leota)</media-caption>
<media-producer>Videography by Pete Leota</media-producer>
</media>
</block>

As Continental Flight 862 began its descent into the Guam International Airport Wednesday night, the aircrew suddenly found themselves without ground assistance.

<![CDATA[The entire runway lost power to its lighting system, and the aircraft was forced to abort its landing. The power failure occurred at approximately 8:45PM, as the plane inbound from yap was scheduled to arrive. A power surge in the uninterrupted power source (UPS) caused a fire to break out in the equipment that controls airfield lighting.
........................................

News8 will provide updates as this investigation continues.

Yanna Person is a reporter for KUAM News8]]>

</body.content>
</body>
</nitf>

jasonsalas · Aug 21, 2001

One more thing....just found this now....there's a good example of what you can do with the properties of a DTD.

Tedious....but it works!

http://www.nitf.org/dtd.html

***************************************************

<!ELEMENT media-reference (#PCDATA)>
<!ATTLIST media-reference
%common-attributes;
data-location CDATA #REQUIRED
name CDATA #IMPLIED
source CDATA #IMPLIED
mime-type CDATA #REQUIRED
coding CDATA #IMPLIED
time CDATA #IMPLIED
time-unit-of-measure CDATA #IMPLIED
outcue CDATA #IMPLIED
source-credit CDATA #IMPLIED
copyright CDATA #IMPLIED
alternate-text CDATA #IMPLIED
height NMTOKEN #IMPLIED
width NMTOKEN #IMPLIED
units (pixels) "pixels"
imagemap CDATA #IMPLIED
noflow (noflow) #IMPLIED
>

karlito · Aug 22, 2001

Thanks Jason...

I'll try it out and let you know of the outcome. I guess the easiest thing to do at the moment is to include the image as a link for the moment. A good way of dealing with this is displaying the image on a different frame within the main frame. That seems to work pretty well.

MrTom · Aug 22, 2001

maybe i'm mis-understanding what you want to do but i think you need...

<img>
<xsl:attribute name="src"><xsl:value-of select="IMAGE"/></xsl:attribute>
</img>

karlito · Aug 22, 2001

Thank you TOM, that works perfectly well... I'm a bit dissapointed with myself as your solution looks very useful.

thanks

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Insert an image 1

karlito

Technical User

jasonsalas

IS-IT--Management

otalens

IS-IT--Management

karlito

Technical User

jasonsalas

IS-IT--Management

jasonsalas

IS-IT--Management

jasonsalas

IS-IT--Management

karlito

Technical User

MrTom

Programmer

karlito

Technical User

Similar threads

Part and Inventory Search

Sponsor