通过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>
我不会写你的代码你,但解释方法:
您需要使用img
元素和src
属性设置为公共路径的图像暴露。这是在JavaScript中。
在您的XML中,对于每个CD
元素,您都需要传递图像路径以供javascript使用。
谢谢,但我不知道这意味着什么。我是一个新手。 – 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
我相信你从“w3c”复制的代码可能来自w3schools,它不以任何方式,形式或形式附属于W3C。 – Rob 2012-01-09 14:22:13
@Rob是的,你是正确的。修订。 – 2012-01-09 14:54:04