Slideshow

[nhl-hockey-king]

Hallo zusammen,
ich würde gerne auf meiner Anfangsseite eine Art Slideshow ablaufen lassen. Das Vorbild kann man sich unter http://www.fosterandpartners.com ansehen. Die Frage ist, ob sich das alles mit Html (inkl. CSS und Javascript) machen lässt, oder ob man dafür Flash benötigt.

Folgende Elemente sollen verwirklicht werden:
1. Bildertausch nach vorgegebener Zeit (z.B. nach 5 sec.)
2. Bildertausch am besten mit sanftem Ein- und Ausblenden
3. Anpassung der Fotogröße auf verschieden große Desktopgrößen bzw. Änderungen der Größe des Browserfenster durch den User
4. Über das Foto soll sich nach ungefähr einer sec. ein farbiger (besser noch: Ein transparenter) Balken legen und auf den Balken eine Schrift

Ich wäre dankbar, falls mir jemand sagen kann, wie ich einen diesen Punkte mit Html (inkl. CSS und Javascript) erstellen kann. Falls es nur mit Flash (oder etwas noch anderem) machbar scheint, wäre ich auch für diese Information dankbar.

MfG
nhl-hockey-king

 

[OnlyFoo]

Hallo zusammen,
ich würde gerne auf meiner Anfangsseite eine Art Slideshow ablaufen lassen. Das Vorbild kann man sich unter http://www.fosterandpartners.com ansehen. Die Frage ist, ob sich das alles mit Html (inkl. CSS und Javascript) machen lässt, oder ob man dafür Flash benötigt.

Folgende Elemente sollen verwirklicht werden:
1. Bildertausch nach vorgegebener Zeit (z.B. nach 5 sec.)
2. Bildertausch am besten mit sanftem Ein- und Ausblenden
3. Anpassung der Fotogröße auf verschieden große Desktopgrößen bzw. Änderungen der Größe des Browserfenster durch den User
4. Über das Foto soll sich nach ungefähr einer sec. ein farbiger (besser noch: Ein transparenter) Balken legen und auf den Balken eine Schrift

Ich wäre dankbar, falls mir jemand sagen kann, wie ich einen diesen Punkte mit Html (inkl. CSS und Javascript) erstellen kann. Falls es nur mit Flash (oder etwas noch anderem) machbar scheint, wäre ich auch für diese Information dankbar.

MfG
nhl-hockey-king

Habs mir nicht angeguckt, aber deine Fragen lassen sich alle beantworten. DAs ist mit HTML/Javascript machbar.
1. JavaScript, Stichwort window.setTimeout, und document.getElementById( "bild" ).src = "...";
2. CSS-Attribut "opacity" bzw Microsoft-eigenes für transparenz, mit JavaScript dynamisch blenden...
3. Einfach Größe des <img>-Tags ändern.
4. wieder opacity, einfach ein div-Layer mit Schrift...

 

[nhl-hockey-king]

Besten Dank für die Hilfe. Dann werde ich mal schauen, ob ich es so hinbekomme.
MfG
nhl-hockey-king