Javascript 从xml文件加载图像详细信息，然后显示
这是我的imageSlider代码。在XML中，我存储了图像的所有细节。下面的代码仅在调用getData（）之前打印alert（）时显示所有图像。没有警报信息，它不会显示任何东西Javascript 从xml文件加载图像详细信息，然后显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的imageSlider代码。在XML中，我存储了图像的所有细节。下面的代码仅在调用getData（）之前打印alert（）时显示所有图像。没有警报信息，它不会显示任何东西 <script type="text/javascript"> var imgFront=new Array(); var n=0; var backimg=new Array();
<script type="text/javascript">
var imgFront=new Array();
var n=0;
var backimg=new Array();
var imgArr = new Array();
var bgImg = new Array();
var eventChk="";
var i = 1;
var frontimg = new Array();
var stripimg=new Array();
var frontText = new Array();
var fTitle = new Array();
var fCity = new Array();
var fYear = new Array();
var fLoc = new Array();
var fType = new Array();
var fRole = new Array();
var arrBackImg = new Array();
var backText = new Array();
var frontDiv = new Array();
var fpos=0;
var spos=0;
var tpos=0;
var ftext="";
var fSize = 0;
var fFamily = "";
var fColor = "";
var totalimages=0;
function getData(){
$.get('photos.xml', function(xml) {
$('item', xml).each(function (k) {
frontimg.push($(this).find('frontImg').text());
stripimg.push($(this).find('stripImg').text());
frontText.push($(this).find('frontTxt').text());
fTitle.push($(this).find('title').text());
fCity.push($(this).find('city').text());
fYear.push($(this).find('compYear').text());
fLoc.push($(this).find('loc').text());
fType.push($(this).find('type').text());
fRole.push($(this).find('role').text());
arrBackImg.push($(this).find('backImg').text());
backText.push($(this).find('backTxt').text());
frontDiv.push("<h2>"+fTitle[k]+"</h2>"+ "<h3>"+fCity[k]+"</h3><hr><h4>YEAR OF COMPLETION</h4>"+fYear[k]+"<hr><h4>LOCATION</h4>"+fLoc[k]+"<hr><h4>PROPERTY TYPE</h4>"+fType[k]+"<hr><h4>MAPLETREE'S TYPE</h4>"+fRole[k]);
$('#myImageFlow').append('<div id="id'+k+'" alt="div'+k+'" class="sliderImage" width="280" height="425" style="visibility:hidden"> <div class="frontText" id="f'+k+'">'+frontDiv[k]+'</div><div class="borderdiv" id="b'+k+'"></div><div class="borderdiv1" id="b'+k+'"></div><div class="reflection" id="ref'+k+'"></div> </div>');
alert('called '+k);
});
});
}
$(document).ready(function () {
getData();
alert('START');
});
</script>
<script type="text/javascript" src="js/iSlider.js"></script>
</head>
<body>
<div id="myImageFlow" class="imageflow"> </div>
</body>
</html>
var imgFront=新数组（）；
var n=0；
var backimg=新数组（）；
var imgArr=新数组（）；
var bgImg=新数组（）；
var eventChk=“”；
var i=1；
var frontimg=新数组（）；
var stripimg=新数组（）；
var frontText=新数组（）；
var fTitle=新数组（）；
var fCity=新数组（）；
var fYear=新数组（）；
var fLoc=新数组（）；
var fType=新数组（）；
var fRole=新数组（）；
var arrBackImg=新数组（）；
var backText=新数组（）；
var frontDiv=新数组（）；
var-fpos=0；
var-spos=0；
var-tpos=0；
var ftext=“”；
var-fSize=0；
var fFamily=“”；
var fColor=“”；
var-totalimages=0；
函数getData（）{
$.get（'photos.xml'，函数（xml）{
$（'item'，xml）.each（函数（k）{
frontimg.push（$（this.find（'frontimg'）.text（））；
stripimg.push（$（this.find（'stripimg'）.text（））；
push（$（this.find（'frontTxt'）.text（））；
fTitle.push（$（this.find（'title'）.text（））；
fCity.push（$（this.find（'city'）.text（））；
fYear.push（$（this.find（'compYear'）.text（））；
fLoc.push（$（this.find（'loc'）.text（））；
fType.push（$（this.find（'type'）.text（））；
fRole.push（$（this.find（'role'）.text（））；
arrBackImg.push（$（this.find（'backImg'）.text（））；
backText.push（$（this.find（'backTxt'）.text（））；
frontDiv.push（“+fTitle[k]+”+“+fCity[k]+”
竣工年份“+fYear[k]+”
位置“+fLoc[k]+”
物业类型“+fType[k]+”
枫树类型“+fRole[k]）；
$（'#myImageFlow'）。追加（''+frontDiv[k]+''）；
警报（称为“+k”）；
});
});
}
$（文档）.ready（函数（）{
getData（）；
警报（“启动”）；
});