Grafik langsam ein und ausblenden

[UnknownUserxy]

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);

 

[mikdoe]

Hast du jQuery im Projekt oder kannst du es einfügen?

 

[UnknownUserxy]

Mit jQuery hab ich noch nie gearbeitet und hab deswegen leider auch überhaupt keine Ahnung davon

 

[Sempervivum]

Mit jQuery ist es mit Sicherheit einfacher als mit einfachem Javascript. Sieh dir mal die Dokus zu fadeIn(), fadeOut() und delay() an, dort sind Beispiele, die zeigen, wie es geht.

 

[j-l-n]

Eval() is evil - und in diesem Fall komplett unnötig...

 

[tsseh]

Eval() is evil - und in diesem Fall komplett unnötig...

eval() ist eine ganz normale js funktion, aber ja, hier in diesem Fall komplett unnötig