0

私はHTMLに非常に慣れていません。画像名を含む XML を読み込んで div に動的に表示しようとしています。イメージ名は表示されますが、img にソースを割り当てることができません。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
if (window.XMLHttpRequest) {xmlhttp=new XMLHttpRequest();}
else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

xmlhttp.open("GET","resimler.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 
x=xmlDoc.getElementsByTagName("pic");
i=0;

function displayFoto(){
ad=(x[i].getElementsByTagName("ad")[0].childNodes[0].nodeValue);
document.getElementById("showFoto").innerHTML="img/" + ad;}

function next(){
if (i<x.length-1){
  i++;
  displayFoto();}}

function previous(){
if (i>0){
  i--;
  displayFoto();}}
</script>
</head>
<body onload="displayFoto()">
<div id='showFoto'><img id='showFoto'></img></div><br>
    <input type="button" onclick="previous()" value="<<" />
    <input type="button" onclick="next()" value=">>" />
</body>
</html>

誰でも私を案内してもらえますか？

4

3 に答える 3

1 
document.getElementById("showFoto").src="img/" + ad;

これは画像をロードするのに役立ちますが、残りのコードについては保証しません。Loader フレームワークと jquery を探した方がよいでしょう。

于 2012-10-04T14:36:20.373 に答える
0

私はKemalに同意します.xmlのスニペットを提供するだけで、divとimgタグのIDも同じです。それは、あなたが気付いていないか、意図的なものです

于 2012-10-04T14:32:21.867 に答える