Изображения через XML в HTML

Question

У меня есть папка изображений, эти изображения должны отображаться на странице HTML. Я использую электронную таблицу Excel, экспортированную в XML, которая импортируется в HTML с использованием Javascript: (скопировано и вставлено из w3schools).

Что мне нужно сделать, это получить изображения из папки images с использованием XML и отобразить их между h2 и h3.

Как мне это сделать и как это будет выглядеть в XML-файле и Javascript ниже?Каждый div (ниже) должен быть ссылкой на разные страницы?

Кроме того, элементы в XML должны быть индексируемыми / доступными для поиска. У меня есть пользовательский поиск по сайту Google.

Заранее спасибо.

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","cdcat.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;


var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
  { 
 document.write("<div  class=\"feat_product\"><h2>");
 document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
 document.write("</h2><h3>");
 document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
 document.write("</h3></div>");
 }
</script>

Answer 1

Я не буду писать ваш код для вас, но объясню подход:

Вам необходимо использовать img элементы и установить атрибут src для общего пути, на котором отображаются изображения.Это в javascript.

В вашем XML для каждого CD элемента вам нужно будет также указать путь к изображению, чтобы использовать его в javascript.