[jQuery] Keine Animation nach animation

  • Heyo Leutz.

    Ich schreibe hier gerade eine kleine Page mit HTML, CSS und jQuery.
    jQuery benutze ich für die netten und schönen Animationen, jedoch habe ich ein kleines Problem.

    jQuery soll, sobald der hover-Event aktiviert ist, die opacity von einem Bild auf 0.6 stellen -> Klappt ohne Probleme.
    Aber nachdem der hover abgeschlossen ist (also der User nicht mehr das Bild hovert), soll es wieder mit einer animation die opacity auf 100 stellen.
    Jedoch macht er hierbei keine Animation sondern stellt die opacity direkt auf 100, per Konsole bekomme ich auch keine Fehlermeldung.

    Hier der Codeabschnitt:
    https://pastebin.com/5e8YbWqu

    Vielen Dank im Vorraus und Adjö,
    Aarivex.

  • Der Opacity-Wert wird dezimal angegeben.
    Das heißt, dass das maximum 1 ist.

    Während der Animation, die ausgelöst wird, wenn man mit der Maus aus dem Bild fährt, wird nun die Transparenz in 600 Millisekunden von 0,6 auf 100 gestellt. Da 1 das maximum ist, hat er so schnell animiert, dass du nichts davon mitbekommen hast.

    Stelle den Opacity-Wert also auf 1.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!