1

私は画像スライダーコードを持っていますが、それはクロムや他のブラウザで正常に動作していますが、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 でアラート ボックスとウェルカムを印刷できるかどうかの提案。

4

0 に答える 0