PokerASS: Blendeeffekt

Beitrag lesen

SELF-Forum

Blendeeffekt

PokerASS
– Informationen zu den Bewertungsregeln

Hallo liebes Forengemeinschaft,

ich stehe wieder auf dem Schlauch.
Ich habe ein Button, wenn ich auf diesen Button Drücke werden Bilder fortlaufen, nach dem "i++" Prinzip angezeigt. Dabei sollen die Bilder aber von

  
opacity="0"

bis

  
opacity="100"

eingeblendet werden. Für das erste Bild (wenn die Seite gestartet wird) klappt es auch, aber bei den anderen Bildern nicht mehr, woran könnte es liegen?

Hier mein Code:

  
<html>  
<head>  
<script language="javascript">  
var transparenz=0;  
function einblenden()  
{  
 if(transparenz!=100)  
 {  
 image.style.filter="Alpha(opacity="+transparenz+", finishopacity=100)";  
 }  
 setTimeout('transparenz++;einblenden()',5);  
}  
  
function plus()  
{  
 var f = document.getElementById("TextBox").value.substr(0,10);  
 f = parseInt(f);  
 s = f + 1;  
 var a = document.getElementById("TextBox");  
 a.value = s+".jpg";  
 document.getElementById("grafik").src = a.value;  
}  
</script>  
</head>  
<body onload="einblenden()">  
 <div id="image" style="width:250;filter:Alpha(opacity=100,finishopacity=0)">  
  <img id="grafik" src="1.jpg" width="250" height="250"/>  
  <input type="text" id="TextBox" name="TextBox" value="1.jpg"/>  
  <input type="button" value="KLICK" onclick="plus(); einblenden()" />  
 </div>  
</body>  
<html>

Vielen Dank und viele Grüße
PokerASS

Beitrag melden
–
Informationen zu den Bewertungsregeln