<style>
span { padding:10; margin:10; display:inline-block; border:1px dotted red;}
span img {position:static; left:0; top:0;}
</style>
<script>
window.onload = function () {
var spans = document.getElementsByTagName('span');
var imgs = ['images/pic1-40x40.png','images/pic5-40x40.png'];
for (var imi=0; imi<imgs.length; imi++)
var base_image = new Image();
base_image.src = imgs[imi];
base_image.width=30;
for(var i=0; i<spans.length; i++){
var imar=spans[i].getElementsByTagName('img');
if (imar.length>0){
alert(imar[0].src+'--'+
imar[0].style.width+'@'+imar[0].style.top);
base_image.style.top = imar[0].style.top;
base_image.style.left = imar[0].style.left;
base_image.style.width = imar[0].style.width;
}
else {
alert('no picture found!');
}
spans[i].appendChild(base_image.cloneNode());
}
}
</script>
</head><body>
<span id=1><img src='images/pic9.jpg' width=30></img></span>
<span id=2><img src='images/pic8.jpg' width=40></img></span>
<span id=3><img src='images/pic7.jpg' width=50></img></span>
Помещает знак неудавшейся загрузки картинки рядом с базовой - не поверх её