Einladungskarte
domi
- javascript
Hallo
Ich heirate schon bald und für alle diejenigen, denen wir keine Karte persönlich geben können, möchten wir eine per Mail(wenn möglich) verschicken oder sie auf die Homepage packen.
Es wäre cool wenn es nicht nur bilder wären sondern wenn man sie öffnen kann, wie eine richtige einladungskarte eben.
Ich habe leider keine Ahnung wie ich so etwas anstellen muss und habe auch nirgends ein Tutorial oder so gefunden. Kann mir jemand helfen, irgendweine Starthilfe oder den Link zu einem tutorial?
mfg
Wir wissen nicht, was Du mit "öffnen" meinst. Wenn Du einen Aufklapp-Effekt meinst, wirst Du Flash, Silverlight oder bei einem "vereinfachten" Klappen zumindest JavaScript bemühen müssen.
Ich würde folgendes empfehlen: Schreibe am Besten eine Einladung, die ähnlich wie das Original aussieht, in HTML und schicke Deinen Bekannten einfach den Link dorthin.
Gruß, LX
Besten dank fürden vorschlag jürgen
geht das auch in einer email, wo ich ja html brauchen kann. geht das auch mit javascript??
oder gienge es nur bei einer Seite??
wie könnte ich die breite den kleiner machen??mfg
Hallo domi,
Besten dank fürden vorschlag jürgen
geht das auch in einer email, wo ich ja html brauchen kann. geht das auch mit javascript??
ich glaube nicht. Z.B. mein e-Mail-Programm lässt so etwas nicht zu. Du kannst aber den Gästen eine Mail mit dem Link schicken.
wie könnte ich die breite den kleiner machen??mfg
hier mal ein paar Links zur Doku:
Zugriff auf ein Element:
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id
Ändern von CSS-Eigenschaften, z.B. der Breite (width):
http://de.selfhtml.org/javascript/objekte/style.htm
Zugriff auf Bilder und deren Eigenschaften:
http://de.selfhtml.org/javascript/objekte/images.htm
Zeitverzögerter Aufruf von Funktionen, damit das Aufblättern langsam geht:
http://de.selfhtml.org/javascript/objekte/window.htm#set_interval
http://de.selfhtml.org/javascript/objekte/window.htm#clear_interval
Und vergiss nicht, denen, die ohne Javascript surfen, die Einladung unter- oder nebeneinander zu zeigen (<noscript>)
Gruß, Jürgen
Hallo domi,
nur eine Idee:
du legst die zweite Seite der Einladung als Hintergrundbild in ein entsprechend großes Div. Die erste Seite kommt dann z.B. als Bild in den Vordergrund, so dass die Zweite Seite verdeckt wird. Per Javascript kann dann nach Mausklick die Breite der ersten Seite langsam gegen Null gehen und so die zweite Seite freigeben und ein Aufblättern vortäuschen. Wenn es mehr als zwei Seiten sind oder keine Bilder in Frage kommen, könntest du auch mehrere Divs absolut positioniert übereinanderlegen.
Gruß, Jürgen