title: unable to display a picture with xslt
body: <p>I am trying to display a picture using xslt and xml. While all other things work and get displayed the the actual picture which path is specified in the photo.xml file inside the tag "picture", is not displayed.</p>
  
  <p>I have a photo.xml file which looks like this:</p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;pic:photoCatalog xmlns:pic="pictureCatalog"&gt;
    &lt;pic:photos&gt;
      &lt;pic:photo&gt;
             &lt;pic:title&gt;Alcazar&lt;/pic:title&gt;
             &lt;pic:location&gt;Segovia - Spain&lt;/pic:location&gt;
             &lt;pic:picture&gt; pic
             &lt;pic:img src="images/DSC_0183.jpg" orginalwidth="150" /&gt;
             &lt;/pic:picture&gt;
             &lt;pic:date&gt;Jan 2013&lt;/pic:date&gt;
             &lt;pic:camera&gt;Sony&lt;/pic:camera&gt;
             &lt;pic:resolution&gt;12px&lt;/pic:resolution&gt;
             &lt;pic:format&gt;.jpg&lt;/pic:format&gt;
             &lt;pic:description&gt;
              Medieval Castle over the hill overlooking the old city of Segovia.
             &lt;/pic:description&gt;
      &lt;/pic:photo&gt;
     &lt;/pic:photos&gt;
  
  &lt;/pic:photoCatalog&gt;
  </code></pre>
  
  <p>Then I have an index.xml file which looks like this:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="ISO-8859-1"?&gt;
  
  &lt;?xml-stylesheet type="text/xsl" href="merge.xsl"?&gt;
  
  &lt;pic:catalog xmlns:pic = "pictureCatalog"&gt;
      &lt;pic:logo&gt;Logo&lt;/pic:logo&gt;
      &lt;Author&gt;User Name&lt;/Author&gt;
      &lt;pic:allPhotos&gt;photos&lt;/pic:allPhotos&gt;
  &lt;/pic:catalog&gt;
  </code></pre>
  
  <p>And finally the transformation:</p>
  
  <pre><code> &lt;!-- All the photos--&gt;
     &lt;xsl:template match = "pic:catalog/pic:allPhotos"&gt;
       &lt;html&gt;
           &lt;head&gt;
              &lt;link rel="stylesheet" type="text/css" href="Style.css" /&gt;
           &lt;/head&gt;
           &lt;body&gt;
  
        &lt;!--Loop for the sort--&gt;
      &lt;xsl:for-each select="document(concat(., '.xml'))/pic:photoCatalog/pic:photos"&gt;
                  &lt;!--point at the fine--&gt;
                  &lt;xsl:sort select="pic:photo" /&gt;
                   &lt;xsl:value-of select="pic:photo"/&gt;&lt;br/&gt;
              &lt;/xsl:for-each&gt;
  
           &lt;/body&gt;
     &lt;/html&gt;
     &lt;/xsl:template&gt;
  </code></pre>
  
  <p>The expected output is a list of pictures with the information from the tags. As I said all works fine but no picture is displayed.</p>
  
  <pre><code>&lt;div id="CenterAreaTop"&gt;
  
  
                  &lt;link rel="stylesheet" type="text/css" href="Style.css"&gt;
  
  
             Acqueduct
             Segovia &lt;!--the picture right after this--&gt;
             Jan 2013
             Olympus
             12px
             .jpg
  
  2000 Year old aqueduct built by the romans ca. xxxx during the reign of xxx
  
  .....
  
   &lt;/div&gt;
  </code></pre>
  
  <p>Can anyone help?</p>
  
  <p>Thank you!</p>