domi: Einladungskarte

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

  1. 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

    --
    X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: Unusual
    X-Please-Search-Archive-First: Absolutely Yes
    1. 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

      1. 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

  2. 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