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>