How do you add an image

Question

Situation   I have a simple XML document that contains image information  I need to transform it into HTML  However  I can t see where the open tag is and when I use the XSL code below  it shows the following error message        Cannot write an attribute node when no element start tag is open     XML content    lt root gt       lt HeaderText gt           lt HeaderText gt Dan Testing lt  HeaderText gt       lt  HeaderText gt       lt Image gt           lt img width  100  height  100  alt  FPO lady  src   uploadedImages temp photo small jpg   gt       lt  Image gt       lt BodyText gt           lt p gt This is a test of the body text lt br    gt  lt  p gt       lt  BodyText gt       lt ShowLinkArrow gt false lt  ShowLinkArrow gt   lt  root gt    XSL code    lt xsl stylesheet version  1 0  extension-element-prefixes  msxsl      exclude-result-prefixes  msxsl js dl  xmlns xsl  http   www w3 org 1999 XSL Transform      xmlns js  urn custom-javascript  xmlns msxsl  urn schemas-microsoft-com xslt      xmlns dl  urn datalist  gt       lt xsl output method  xml  version  1 0  omit-xml-declaration  yes  indent  yes  encoding  utf-8   gt       lt xsl template match     xml space  preserve  gt           lt img gt               lt xsl attribute name  width  gt                  100              lt  xsl attribute gt               lt xsl attribute name  height  gt                  100              lt  xsl attribute gt               lt xsl attribute name  class  gt                  CalloutRightPhoto              lt  xsl attribute gt               lt xsl attribute name  src  gt                   lt xsl copy-of select   root Image node     gt               lt  xsl attribute gt           lt  img gt       lt  xsl template gt   lt  xsl stylesheet gt

User · Answer

The other option to try is a straightforward    lt img width  100  height  100  src   root Image image jpeg  class  CalloutRightPhoto   gt    i e  without    but instead giving the direct image path

User · Answer

Never mind -- I m an idiot  I just needed   lt xsl value-of select   root Image node     gt

User · Answer

Just to clarify the problem here - the error is in the following bit of code    lt xsl attribute name  src  gt       lt xsl copy-of select   root Image node     gt   lt  xsl attribute gt    The instruction xsl copy-of takes a node or node-set and makes a copy of it - outputting a node or node-set  However an attribute cannot contain a node  only a textual value  so xsl value-of would be a possible solution  as this returns the textual value of a node or nodeset    A MUCH shorter solution  and perhaps more elegant  would be the following    lt img width  100  height  100  src    root Image node     class  CalloutRightPhoto   gt    The use of the    in the attribute is called an Attribute Value Template  and can contain any XPATH expression   Note  the same XPath can be used here as you have used in the xsl copy-of as it knows to take the textual value when used in a Attribute Value Template

User · Answer

In order to add attributes  XSL wants    lt xsl element name  img  gt        attributes   lt  xsl element gt    instead of just    lt img gt        attributes   lt  img gt    Although  yes  if you re just copying the element as-is  you don t need any of that

User · Answer

Shouldn t that be    lt xsl value-of select   root Image img  src   gt      It looks like you are trying to copy the entire Image img node to the attribute  src

[xml] How do you add an image?

Examples related to xml

Examples related to xslt

Examples related to xslt-1.0