私は画像スライダーコードを持っていますが、それはクロムや他のブラウザで正常に動作していますが、mozilla .on page load では動作していません。私はxmlファイルから画像の詳細を読んでいます。すべての画像の詳細をロードする時間が得られます。
$(document).ready(function () {
getData();
alert('START');
});
GetData 関数 :::
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>');
});
$('font', xml).each(function (k) {
var fontSize = $(this).find('size').text();
var fontFamily = $(this).find('family').text();
var fontColor = $(this).find('color').text();
$(".frontText").css("font-family",fontFamily);
$(".frontText").css("font-size",fontSize);
$(".frontText").css("color",fontColor);
});
$('label', xml).each(function (k) {
fSize = $(this).find('fsize').text();
fFamily = $(this).find('ffamily').text();
fColor = $(this).find('fcolor').text();
fpos=$(this).find('fpos').text();
ftext=$(this).find('ftext').text();
spos=$(this).find('spos').text();
stext=$(this).find('stext').text();
tpos=$(this).find('tpos').text();
ttext=$(this).find('ttext').text();
totalimages=$(this).find('totalimages').text();
//alert("label pos is ="+tpos);
});
});
}
mozilla で動作するように、div でアラート ボックスとウェルカムを印刷できるかどうかの提案。