[Deff]

Ingiborn,
Пробуйте так:

<style>
span.wrap{
  display:inline-block;
  background-color:#000;
  background-image:url(http://uploads.ru/i/0/S/c/0ScZL.gif);
  background-position:center center;
  background-repeat:no-repeat;
}

#slider img{
  visibility:hidden;
}

</style>
<script type="text/javascript">
function LoImg(a) {
 a.visibility='visible';
 a.parentNode.backgroundСolor='transparent';
 a.parentNode.backgroundImage='none';
}
</script>

<div id="slider">
<span class=wrap><img src="1" onload="LoImg(this)"><span>
<span class=wrap><img src="2" onload="LoImg(this)"><span>
<span class=wrap><img src="3" onload="LoImg(this)"><span>
</div>