fastix®: Site mit Vorhang der sich öffnet

Beitrag lesen

Moin!

wenn das so klappt bau ich einen cache ein das das nur beim erstenmal passiert

Du meinst Cookie.

Rezept:

Du zeigst zwei divs, die sich jeweils über die 50% des Bildschirms erstrecken (je: width:50%), dabei beginnt der Linke bei top:0 und left:0, botto:0 der Rechte bei top:0, bottom:0 und left:0;
-> CSS Anzeige und Positionierung
Die Grafik setzt Du in den Hintergrund der Divs.

Dann gehst Du hin und machst aller 40 Millisekunden den Vorhang kleiner (=25 "Bilder"/s)
Wenn das Öffnen 3 Sekunden dauern dauern soll, dann hast Du 75 Schritte, musst Du die Breite der divs also bei jedem Schritt um 50%/75=0.666666 Prozent verringert werden.

nimm Dir dazu http://de.selfhtml.org/javascript/objekte/window.htm#set_timeout@title=window.setTimeout(Millisekunden) zu Herzen <http://de.selfhtml.org/javascript/beispiele/aufenthaltsdauer.htm@title=wie in diesem Beispiel>. Falls Du lieberhttp://de.selfhtml.org/javascript/objekte/window.htm#set_interval@title=setInterval benutzt vergiss http://de.selfhtml.org/javascript/objekte/window.htm#clear_interval@title=clearInterval nicht, wenn Dein Vorhang offen ist.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix