通過XML將圖像轉換爲HTML

我有一個圖像文件夾，這些圖像需要在HTML頁面上顯示我正在使用導出到XML的Excel電子表格導出到使用Javascript導入到HTML中:(從w3schools複製並粘貼）。通過XML將圖像轉換爲HTML

我需要做的就是使用XML從圖像文件夾中獲取圖像，並將其顯示在h2和h3之間。

我該如何做，它會在下面的XML文件和Javascript中看起來像什麼？每個div（下面）都需要鏈接到不同的頁面？

此外，XML上的項目需要可索引/可搜索我有谷歌自定義網站搜索。

在此先感謝。

<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>

來源

2012-01-09 Digital Robot Gorilla

我相信你從「w3c」複製的代碼可能來自w3schools，它不以任何方式，形式或形式附屬於W3C。 – Rob 2012-01-09 14:22:13

@Rob是的，你是正確的。修訂。 – 2012-01-09 14:54:04

我不會寫你的代碼你，但解釋方法：

您需要使用img元素和src屬性設置爲公共路徑的圖像暴露。這是在JavaScript中。

在您的XML中，對於每個CD元素，您都需要傳遞圖像路徑以供javascript使用。

來源

2012-01-09 11:29:42 Oded

謝謝，但我不知道這意味着什麼。我是一個新手。 – 2012-01-09 11:39:11

@DigitalRobotGorilla - 我不知道你不明白。你是什麼新手？ JavaScript的？ HTML？ XML？他們全部？ – Oded 2012-01-09 11:39:58

XML和Javascript的新手。 – 2012-01-09 11:42:40

通過XML將圖像轉換爲HTML

回答

相關問題