Grafik langsam ein und ausblenden

Hallo,



ich möchte ein Bild an einer Stelle langsam einblenden lassen und nach ca. 2sek langsam wieder ausblenden lassen.

Danach soll es an einer anderen stelle wieder langsam eingeblendet werden und wieder ausgeblendet werden usw.

Das mit dem einblenden habe ich hinbekommen, doch mit dem ausblenden bekomme ich es einfach nicht hin und bin mir auch nicht sicher, wie das geht.



Einblenden des Bildes hab ich folgendermaßen gemacht:



<img src="questionmark.jpg" id="bild">



<script>



function einblenden(object){

object.style.opacity=eval(object.style.opacity)+0.05;

if(eval(object.style.opacity)<1){window.setTimeout(function(){einblenden(object);}, 40);}

}

document.getElementById('bild').style.opacity=0;

window.setTimeout(function(){einblenden(document.getElementById('bild'));},1000);

Grafik langsam ein und ausblenden