我现在碰到一个问题，请大家帮忙解决解决。
在HTML页面上 <div id='images'></div>
<script>
function initImages(){
document.getElementById('images').innerHTML="<IMG src='images/1.jpg'/><IMG src='images/2.jpg'/><IMG src='images/3.jpg'/>";
}
</script>
在页面上某个事件触发initImages()，动态加载一些图片，这些图片的路径是没有问题的，可是图片有的时候可以再页面上正常显示，有的时候在页面上就无法显示出来，当右键点击图片，点显示图片后，图片也能正常显示出来，请问大家有没什么好的解决方法，或是一些替代方法。
在HTML页面上 <div id='images'></div>
<script>
function initImages(){
document.getElementById('images').innerHTML="<IMG src='images/1.jpg'/><IMG src='images/2.jpg'/><IMG src='images/3.jpg'/>";
}
</script>
在页面上某个事件触发initImages()，动态加载一些图片，这些图片的路径是没有问题的，可是图片有的时候可以再页面上正常显示，有的时候在页面上就无法显示出来，当右键点击图片，点显示图片后，图片也能正常显示出来，请问大家有没什么好的解决方法，或是一些替代方法。
是说png麽？