2013-01-18 83 views
1

对不起,noob问题,但我想加载一个网页上的GIF和使用JavaScript图片本地路径

HTTP链接像下面它的作品完美。

但是,当我与路径替换它,它没有作用

的GIF是网页中的同一个文件夹

我没有尝试:

  • /thegifname.gif
  • ./thegifname.gif
  • //thegifname.gif
  • thegifname.gif

但这些作品没有人,使用的代码和本地路径

./thegifname.gif它的工作原理,即在调试器和断点!但没有调试工具,我无法看到gif。

<script language="javascript" type="text/javascript"> 
var size = 0; 
var id= 0; 

function add_gif() { 
    document.getElementById("Label1").style.display = "none";  
    show_image("http://i789.photobucket.com/albums/yy180/Lendisson/progress_bar.gif", 300,15, "Running"); 
} 


function show_image(src, width, height, alt) { 
    var img = document.createElement("img"); 
    img.src = src; 
    img.width = width; 
    img.height = height; 
    img.alt = alt; 
    document.getElementById("divUpload").style.display="inline"; 
    var div = document.getElementById("divUpload"); 
    div.appendChild(img); 
} 

</script> 
+1

您确定图片与您上面运行js代码的页面存在于相同的文件夹中吗? – Marek

+0

'#Label1'里面的'#divUpload'?如果是这样,您还需要为'#Label1'设置'display ='''。 – Teemu

+1

嗯!确认后,打开你的萤火虫,并尝试点击图像src,如果它打开图像,这意味着它正在获取资源,并有一些显示问题。如果不是,那么在路径 –

回答

4

确定这里是查找和调试过程。

1.打开你的萤火虫,尝试点击图像src,如果它打开图像,这意味着它正在获取正确的图像资源,并有一些显示问题。

如果没有,那么在提供的路径中有错误的检查它。

2.如果图像正确打开,这意味着您的图像正确加载刚刚被稍后的其他元素覆盖。

3.如果是这种情况再次打开萤火虫,只是玩风格的属性,你会看到你的形象。

4.如果没有,然后调试它。你一定会发现问题。

如果我留下了一些在发现问题时发现的问题。请发表评论

+0

确定是2 THX –

+1

@frank,快乐coading –