fade in / fade out

[replay221]

Hallo,

ich möchte gerne, dass beimAufrufen der Webseite ein Text eingeblendet und dann langsam ausgeblendet wird, aber transparent bei ca. 70% dann stehen bleibt.

hier mein code:
<script>
$(function(){
$('#test').hide().fadeIn(5000).delay(3000).fadeOut(800);
})
</script>

ich muss irgendwie bei fadeout den alphawert z.B. 70% eingeben, damit der Text nicht ganz ausgenlentet wird, sondern leicht durchschimmmert!
ist sowas möglch?

 

[Quaese]

Hi,

vielleicht hilft dir animate weiter:

$('#text').hide(0, function(){
    $(this).fadeIn(800, function() {
        $(this).animate({
            'opacity': '0.5'
        }, {
            'duration': 1000
        });
    });
});

Ciao
Quaese

 

[miniA4kuser]

vielleicht hilft dir animate weiter:

Bestimmt, jedoch eher so:

$('#test').hide().fadeIn(5000).delay(3000).animate({
    opacity: 0.7
}, {
    duration: 800
});

 

[replay221]

Hallo,

vielen lieben Dank für die Hilfe, leider fundtioniert beides nicht, der text wird weder ein noch ausgeblendet - er steht einfach nur da!

 

[Quaese]

Hi,

ich steuer die Reihenfolge lieber über callback-Funktionen. Das delay kann ja an anderer Stelle auch noch ausgeführt werden.

$('#test').hide(0, function(){
    $(this).fadeIn(800, function() {
        $(this).delay(2000).animate({
            'opacity': '0.5'
        }, {
            'duration': 1000
        });
    });
});

Und bei mir funktioniert es: fade in / fade out - JSFiddle
Ciao
Quaese

 

[miniA4kuser]

...leider fundtioniert beides nicht, ...

Steht denn etwas in der Fehlerkonsole?

 

[Sempervivum]

leider fundtioniert beides nicht

Das liegt wahrscheinlich daran, dass miniA4kuser sich verschrieben hat: Statt "animare" muss es "animate" heißen und dann funktioniert es auch. Und Du musst daran denken, es im Onload aufzurufen.

 

[miniA4kuser]

@Sempervivum: Danke habs gerade eben korrigiert, kann halt passieren wenn man mit nem Tablet Code schreiben möchte

@replay221: Und genau so etwas sollte dann in der besagten Fehlerkonsole als Fehler ausgegeben werden...