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

动态生成的javascript img标记firefox问题,javascript,jquery,html,firefox,Javascript,Jquery,Html,Firefox,我在一个包含动态生成图像的屏幕上遇到了问题,当在Chrome中查看时,它的功能与预期一样,图像生成没有问题。但是在Firefox中,没有一个图像最终被生成,用户会看到一组未加载的图像框 function popupPermanentOverlay_Walking(locationName) { var title = "Walking to "+locationName; var content = "Content_Text<div class='walkimg-container'&g

我在一个包含动态生成图像的屏幕上遇到了问题,当在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");
功能popupPermanentOverlay_Walking(位置名称){
var title=“步行到”+地点名称;
var content=“content\u Text”;

对于(var i=0;你能提供一个JSFIDLE来演示错误吗?你能检查一下你的developerTools->网络面板来看看发生了什么吗?好的,那么在网络面板中,它会按顺序显示每个图像。方法:获取文件:image\u name.gif域:my.DOMAIN类型:普通传输:-大小:0KB。对于连接的时间,我得到每个大约50ms,然后没有正在等待发送或接收,我猜状态为
204
,这意味着
没有内容
。因此这些文件似乎是空的。如果没有文件、服务器设置等,我不知道如何帮助您。抱歉。对于未动态加载的图像,实际状态代码为
304
未修改
en没有其他任何一个的状态代码…你能提供一个JSFIDLE来演示错误吗?你能检查你的developerTools->network面板看看发生了什么吗?好的,那么在网络面板中它会按顺序显示每个图像。方法:获取文件:image\u name.gif域:my.DOMAIN类型:Plain transfer:-大小:0KB。对于计时,我得到大约50ms each用于连接,然后不用于发送等待或接收,我猜状态为
204
,意思是
无内容
。因此,这些文件似乎是空的。如果没有文件、服务器设置等,我不知道如何帮助您。抱歉。实际上,该图像的状态代码是
304
未修改
没有动态加载,然后没有任何其他状态代码。。。