ImageCrossFade

[Thomas Luethi]

Hallo,

ich würde gern das hier auf meiner Seite einbinden:
http://slayeroffice.com/code/imageCrossFade/xfade2.html
Nur stört mich das die Bilder während des Ladens noch untereinander angeordnet sind und erst wenn alle Bilder fertig geladen sind, übereinander hüpfen. Hat jemand eine Idee wie ich das beheben kann?

Ich habe das kürzlich hier - leicht abgewandelt - verwendet:
http://www.reportair.ch/

Auf den DIV mit den Bildern wende ich overflow:hidden an.
Und ich gebe ihm feste Dimensionen (width/height), da die
enthaltenen Bilder alle genau gleich gross sind.
Das reichte IIRC, um den von Dir beschriebenen Effekt zu vermeiden.

Im HTML steht bei mir nur das erste Bild. Die weiteren IMG-Tags
schreibe ich mit JavaScript - mit document.write() - rein.
(Je nach Bildschirmgrösse werden kleinere oder grössere Bilder
angezeigt. Darum ist es ein etwas komplexes JavaScript-Konstrukt.)

Das heisst: ohne JavaScript gibt es einfach nur das eine Bild.
Mit JavaScript gibt es auch die andern Bilder, die dann nacheinander
eingeblendet werden.

Vielleicht hilft Dir das ja weiter.

Freundliche Grüsse
Thomas