Site mit Vorhang der sich öffnet

[Anthony DiNozzo]

Moin moin liebe SelfHTML-Community,

ich will mal (mal wieder) etwas Neues probieren:

Die Startseite meiner Website soll mit Hilfe eines "Vorhangs" geöffnet werden, der durch klicken aufgehen soll.
die beiden Grefiken ("Vorhang-links" und "Vorhang-rechts") habe ich schon, jetzt müsste ich nur noch wissen wie ich das programmiere bzw mit welcher Sprache (KEIN Flash!!!) sich sowas machen lässt (vielleicht mit einem JavaScript??!!)

Wichtig:
-wenn man auf die Seite kommt soll man den "Vorhang sehen", der durch klicken sich öffnet

• dabei soll sich die eine Hälfte ("Vorhang-links") nach links ud die andere Seite eben nach rechts öffnen
  -das öffnen soll möglichst so aussehn wie die bekannten Werbe-Pop-Ups sich immer "ein- & ausschieben"

Kann mir einer irgendwie helfen??
Wäre echt dankbar

liebe Grüße
Thony

[Encoder]

-das öffnen soll möglichst so aussehn wie die bekannten Werbe-Pop-Ups sich immer "ein- & ausschieben"

Endlich mal jemand der nicht mehr Besucher anlocken will sondern der welche  durch allgemein verhasste Vorgehensweisen vergraulen will ;-)

Aber um was sinnvolles dazu zu sagen, ja dein Vorhaben geht mit JavaScript. Zum Thema Objekte bewegen dürfte es einiges an Beispielen geben.

[Anthony DiNozzo]

Endlich mal jemand der nicht mehr Besucher anlocken will sondern der welche  durch allgemein verhasste Vorgehensweisen vergraulen will ;-)

au du hast es erfasst,
nein scherz ich habe bloß auf einer Film-Vorschau-Site so etwas ähnliches mit Flash gesehn wo dann gleich der Film-Trailer anging und so naja das ganze sah ganz gut aus und da dachte ich mir das man sowas mal selber machen könnte und wenn das so klappt bau ich einen cache ein das das nur beim erstenmal passiert

Aber um was sinnvolles dazu zu sagen, ja dein Vorhaben geht mit JavaScript. Zum Thema Objekte bewegen dürfte es einiges an Beispielen geben.

danke da schau ich mal nach hab bloß noch nix gefunden

lg
Thony

[DeusFigendi (noReg)]

Aber um was sinnvolles dazu zu sagen, ja dein Vorhaben geht mit JavaScript. Zum Thema Objekte bewegen dürfte es einiges an Beispielen geben.

Bedingt geht es auch ohne JS, ich erwähne mal das Suchwort "CSS Transitions".
Ohne JS ist das wahrscheinlich nicht ganz befriedigend (bin mir nicht sicher ob das mit :visited oder so klappt), aber mit JS musst du nur onClick abfangen, die Animation starten und nichts programmieren, das macht der Browser.

[fastix®]

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

[Anthony DiNozzo]

Moin moin

Du meinst Cookie.

Danke
ja genau mein ich doch :P

und danke für das Rezept bringt mich klasse weiter

Gruß
Thony