jstree to build tree and loading images

[gsaray101]

I am new to jstree/java scripts. I would like to build a tree based on nested xml file and based on clicking on a node on the tree, I would like to be able to populate a data frame with images.

can someone help me with this?

My xml file looks like this:

<root> 

<item id="football">
<content><name><![CDATA[Team]]></name></content> 
<item id="f_def"> 
<content><name><![CDATA[defense]]></name></content> 
</item> 

<item id="f_off"> 
<content><name><![CDATA[ofense]]></name></content>
 </item> 

 <item id="f_spe"> 
<content><name><![CDATA[special teams]]></name></content> 
</item> 


</item> 

</root>