Erich: Diashow von 3 Bildern mit weichen Übergang

SELF-Forum

Diashow von 3 Bildern mit weichen Übergang

Erich Homepage des Autors
– Informationen zu den Bewertungsregeln

Ich möchte auf einer HTML-seite 3 Bilder ablaufen lassen (Diashow) die mit einm weichen Übergang (Bild in Bild) wechseln.

Habs schon mal so probiert, dass ich ein animiertes GIF der 3 Bilder erzeugt habe. Die Größe war aber über 1MB.

Was gibt es da noch für Möglichkeiten (Flash, Javascript)?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Diashow von 3 Bildern mit weichen Übergang

    Sven Rautenberg Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Moin!

    Was gibt es da noch für Möglichkeiten (Flash, Javascript)?

    Ja, genau die gibt es.

    Javascript würde z.B. die Transparenz eines Layers animiert ändern, in dem sich ein Bild befindet.

    Kostet Rechenpower, erfordert Transparenzunterstützung beim Browser, und läuft nicht zwingend "weich".

    - Sven Rautenberg

    --
    "Love your nation - respect the others."
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Diashow von 3 Bildern mit weichen Übergang

    MiSo
    – Informationen zu den Bewertungsregeln

    du kannst mit JavaScript und CSS die Bilder "überlbenden". Such mal nach Stichwort "opacity" im Zusammenhang mit CSS.

    Mit Javascript benutzt du setTimeout um in bestimmten intervallen die Transparenz vom Bild zu senken. Dadurch hast du dein überblenden.

    Kannst z.B. ne Schleife machen, die die Opacity vonnem Bild in 10er-Schritten reduziert bis sie auf 0 ist. Diese muss natürlich vorher mit CSS deklariert sein.

    mfg
    Micha

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln