Images in XML with DataShell

Question

I'm playing around with the Data Set Shell with Accordion.
Here is the HTML page sample:
http://www.nerealestatephotos.com/Janseneering/RC1.html
// click on the "News" panel in the Accordion...
and one of the XML pages:
http://www.nerealestatephotos.com/Janseneering/news.xml
I need an image to load with the data that is in the
<desc> element and display it in the appropriate table cell.
I've tried giving the <desc> element an <img src="">
attribute, I've tried to load the image using a full URL
encapsulated in CDATA, etc etc. No luck. As you can see, I'm a bit
of a newbie.
I've had moderate success with putting <img src={image}
alt="" /> within the detailregion like this:
<div spry:detailregion="dsShell" class="SpryHiddenRegion">
<table border="1" class="detail">
<tr>
<th>
<img src={image} alt="" />{desc}</th>
</tr>
</table>
The problem with this is that it displays on *every* page,
even the ones that don't have images. Not a problem with Firefox,
Safari and Opera since they just don't display anything if there is
no <image></image> element in the XML. IE on the other
hand gives me the dreaded red "X".

Answer 1

Hi,
You would put something like:
spry:if="'{image}' != 'undefined'"
in your IMG tag.
<img src={image} alt="" spry:if="'{image}' !=
'undefined'"/>
That will only print the tag if there is some value for
{image}.
Hope this helps.
Don