opacity inkrementieren

[thebiz]

Hi,

warum funktioniert
das:

PHP-Code:

objekt.style.opacity -= 0.01; 


das aber nicht:

PHP-Code:

objekt.style.opacity += 0.01; 


[Nightflyer]

beispiel?

[yaet]

Ich geh mal davon aus dass du weder den Zustand 0 noch 1 damit erreichst. Du musst die Zahlen runden.

[thebiz]

beim inkrementieren funktioniert
es nur, wenn ich den Wert per Variable übergebe:

PHP-Code:

var wert;
wert += 0.01;

objekt.style.opacity += wert; 


Kann doch net sein

[Nightflyer]

objekt.style.opacity = parseInt( objekt.style.opacity ) - 0.01;


So oder so, für den IE benötigst du filter(alpha...opacity..) und DA brauchst du eh eine Variable

[yaet]

Das es nur über Variable geht hatte ich auch schon mal. Ich kann mich leider nichtmehr erinnern wieso, ausser halt dass die Werte nicht gerundet waren. Weil die Werte nicht gerundet waren kam dann soetwas heraus

0.00900001(ungerundet) - 0.01 = -0.001

und die darauf folgende if-Abfrage lieferte natürlich Fehler welche sich dann wiederrum auf +=1 wieder auswirkten. Also einfach runden. Gib die Variable wert mal aus und du wirst sehen:

PHP-Code:

var wert; 
...(){
wert += 0.01; 
objekt.style.opacity += wert;  
objekt.innerHTML=wert;
} 


Nebenbei Firefox: Firefox kann Opacitywerte nur sehr langsam umsetzten. Erwarte da nicht allzuviel.

Nebenbei IE: Wenn es das ist was ich denke: Objekt ein und ausfaden, dann nimmst du für IE lieber den filter:Fade(); Das ist Ruckelfrei, spart CPU und Nerven. Opacity sollte man generell nicht für Animationen "missbrauchen". Dafür ist es nicht ausgelegt.

PHP-Code:

//Filter zulassen
element.style.filter = 'progid:DXImageTransform.Microsoft.Fade(duration=1.0)';
element.filters.item("DXImageTransform.Microsoft.Fade").Apply();

//Filter abspielen
element.filters.item("DXImageTransform.Microsoft.Fade").Play(); 


[thebiz]

Dank Euch allen!
Beruhigt mich, weil ich
schon an meinem Verstand
gezweifelt hab

Da weiß ich wieder warum
mir AS so gefallen hat.

[arees]

also bei mir läuft opacity auch mit dem ie ruckelfrei.
Das mit dem Filter interessiert mich jetzt. Wie bau ich das denn in mein Script ein?

wenn ich jetzt z.b. habe

function()
{
wert += 0.01;
objekt.style.filter = und weiter?
}

Sry bin noch recht neu in dem Gebiet

dann hab ich noch ne frage. Was ist genau Ajax? Kann mir das jemand kurz und knapp erklähren. Ich glaube eine Mischung aus XML und JS oder??

lg arees

[yaet]

also bei mir läuft opacity auch mit dem ie ruckelfrei.

...auch bei deinen Usern? Wie gesagt der Fade-Filter ist definitiv ruckelfrei und stufenlos und dafür gemacht.


zu IE-Filter opacity. Dort ist Opacity(Deckkraft) von 0 bis 100. Alle anderen Browser von 0 bis 1. Folglich sieht das dann so aus:

PHP-Code:

function()
{
wert += 0.01;
objekt.style.filter = 'Alpha(opacity='+wert*100+')';
} 


zu Ajax: Wenns noch neu ist, dann beschäftge dich doch gleich mit HTML5 WebSocket.