DIA-SHOW

[Antje Hofmann]

Hallo Jule,

Ich habe ein kleines Problem. Mein Vater möchte gerne auf einer seite eine Dia.Show abspielen. Leider muß bei ihm alles immer kompliziert sein.

<g> Das haben Väter leider so an sich. Bevor du weiterliest, verhandele erst mal mit deinem Vater.

Zumindest ein Bonus von mindestens 300 DM sollte rausspringen und dazu eine Fete mit deinen Freunden. Die Liste darfst du beliebig erweitern. Sei nur nicht zu gnädig. :-)

Verhandlung erfolgreich beendet? Na dann an die Arbeit.

Hier die Javascriptlösung, naja, der Ansatz:

Die Dia-Show soll:

1. mitten auf der Seite, also in dem Hauptframe sein

die Mitte des Frames kannst du im Netscape Navigator mit
innerWidth <../../tecb.htm#a5> und
innerHeight <../../tecb.htm#a4> bestimmen.
Im IE geht es mit document.body.offsetWidth und document.body.offsetHeight

2. die bilder sollen in zufälliger Reihenfolge abgespielt werden

hier hilft Math.floor(Math.random()*Bilderanzahl)

3. die einzelnen bilder sollen nicht einzeln definiert werden müssen, sondern einfach zufällig aus einem Ordner aufgerufen weden.

»»

Das geht mit JAvaScript nicht. Du mußt alle Bilder in einem Array speichern.

Prinzipiell so:

bildnamen=new Array("bild1","bild2"...);
bildbreite=new Array("bildbreite1","bildbreite2"...);
bildhoehe=new Array("bildhoehe1","bildhoehe2"...);

im Dokument selbst definierst du einen Layer

<div id="diashow"></div>

diesen setzt du mittels css und Javascript in die Mitte

nach dem Laden des Dokumentes startest du eine Funktion die in verschiedenen Zeitabständen den Inhalt des Divs neu schreibt. Im IE mit innerHTML und im NN mit document.write()

Beispiel für dieses Vorgehen findest du unter
#http://www.netcologne.de/~nc-laugksan/home.htm

Viele Grüße

Antje