Fading Background Image für ein DIV

[Stefan]

Guten Abend,

Ich hab folgendes Problem:

Ich habe einen DIV (width: 100%). Dieser bekommt ein Hintergrundbild zugewiesen, welches zentriert angezeigt wird. Das ist so ne Mischung aus Header-Grafik und Hintergrundbild sozusagen.

Nun will ich einen Bildertausch mit Fading-Effekt. Also im Grunde eine Art Dia-Show. Es werden maximal drei Bilder getauscht.

Ich habe jetzt schon ewig im Netz gesucht. Ich finde entweder "Supersize"-Dinger, welche eben das Hintergrundbild der gesamten Webseite (Body-Tag eben) tauschen oder eben Dia-Shows, welche Bilder im IMG-Tag tauschen ...

Habt ihr n Tipp für mich? Einsatz von jquery und Co wäre kein Problem. Bildertausch soll automatisch erfolgen, also kein Hover oder ähnliches. Also Wechsel nach x Sekunden.

Vielen lieben Dank schonmal,
Gruß Stefan

[MichaG]

Ich hab es in der Praxis noch nicht probiert.

Nach kurzem Überlegen ist es aber auch problematisch bzw. müsstest du mit background-position herumexperimentieren. Ein- und Ausblenden funktioniert nur bei ganzen Elementen - inkl. deren Inhalte.

Daher würde ich ein Element unter den Inhalt legen, diesem eine Grafik als Hintergrund zuweisen, die alle Bilder in einer vereint. Das Element ausblenden lassen, danach die Position des Hintergrundbildes ändern und wieder einblenden lassen.

Ansonsten nach kurzem googlen:
http://snook.ca/archives/javascript/...ge-animations/
http://stackoverflow.com/questions/9...ckground-image
http://www.easy-coding.de/prototype-...ect-t6728.html

Evtl. gibt es auch andere Wege. Kenne die genaue Situation/Grafiken nicht.

[paby]

ich könnte mir vorstellen, dass das hier geht
ist zwar als table und mit div hab ich es ja nicht so - aber dein geschultes auge, kann das vielleicht umsetzen

http://www.dynamicdrive.com/forums/s...ad.php?t=19255

im ie fadet das in der gezeigten variante hübsch - in meinem ff leider nicht - allerdings ist das eigentlich das script, dass ich für normale bilder nutze und die faden auch im ff bei mir (es sollte also nur irgendwo ne kleinigkeit angepasst werden)
http://78.140.92.84:100/netobjects_t...cts_fusion.php

als ansatz hilft es vielleicht

have fun - paby