Question

我在使用包含动态生成的图片的屏幕时出现问题，在Chrome浏览器中查看时功能正常，图片生成没问题。但是在Firefox中，最终没有生成任何图像，并且会向用户显示一组未加载图像的图像。

function popupPermanentOverlay_Walking(locationName) {
var title = "Walking to "+locationName;
var content = "Content_Text<div class='walkimg-container'><img class='walkimg' src='images/anim/walkimg.gif'/>";
for(var i = 0; i<50; i++)
{
    var filename = "";
    var type=random(0,5);
    if (type==0)
        filename = "tree";
    else if (type==1)
        filename = "tree";
    else if (type==2)
        filename = "shrub";
    else if (type==3)
        filename = "shrub";
    else if (type==4)
        filename = "shrub";
    else if (type==5)
        filename = "baretree";

    if (filename == "tree")
        filename+=random(1,6);
    else if (filename == "shrub")
        filename+=random(1,3);
    else if (filename == "baretree")
        filename+=random(1,7);

    var y = random(-60, 60);
    content+="<img class='walking-prop' src='images/anim/props/"+filename+".gif' style='bottom:"+(y-7)+"px; left:"+random(-50,720)+"px;z-index:"+(15000-y)+";' />";
}

for(var i = 0; i<100; i++)
{
    var filename = "grass";

    if (random(1,2)==1)
        filename+=random(1,6);
    else
        filename+=random(3,6);


    var y = random(-100, 100);
    content+="<img class='walking-prop' src='images/anim/props/"+filename+".gif' style='bottom:"+(y)+"px; left:"+random(-180,720)+"px;z-index:"+(10000-y)+";' />";
}
content+="</div>";
popupPermanentOverlay(title, content, "walking-popup");
$(".walkimg").animate({left: "+=600px"}, 20000, "linear");

}

我知道Firefox在图像准备好之前有时会出现加载页面的问题，但我尝试添加一个检查以确保它已加载到无效。

理想情况下，我希望避免预加载我知道可能解决此问题的图像。

动态生成的javascript img标记firefox问题

0 个答案: