Antworten auf deine Fragen:
Neues Thema erstellen

Ein Element aufrollen

curdface

Noch nicht viel geschrieben

Hallo Community,

es geht um folgendes: Ich stehe vor der Realisierung eines Kontaktformulars, welches als Postkarte gestaltet ist. Nach dem Betätigen des Submit-Buttons soll sich die Postkarte inkl. Formular einrollen, als wenn man ein Blatt Papier aufrollt. Highlight wäre, dass die eingerollte Postkarte in eine Flasche gestülpt wird (als Flaschenpost) und das Absenden zu visualisieren. Letzteres wird ganz sicher ohne Flash nicht machbar sein. Da ich allerdings auf keinen Fall Flash einsetzen möchte, bin ich auf der Suche nach eine Lösung zumindest die Postkarte aufrollen zu lassen. Ich war mit bis vor zwei Tagen sicher, dass es mit CSS3 oder jQuery zu realisieren ist, aber meine Suche war bisher erfolglos ..

Hat jemand eine Ansatz zur Realisierung?

Grüße
Nicole
 

Duddle

Posting-Frequenz: 14µHz

Hmmm, ich habe nichts unmittelbar gefunden, weder im Deutschen noch im Englischen (paper roll? rolling paper?). Es gibt Ansätze, Buchseiten umblättern zu lassen und diese könnte man mglw. für ein "aufrollen" anpassen, aber ich finde kein einfach einsetzbares PlugIn oder Tutorial für deinen Zweck.

Das einfachste wäre vielleicht, diese Animation als .gif bzw. animiertes .png zu erstellen und dann beim Absenden diese Animation über dem Formular einzublenden (im Hintergrund natürlich das Formular selbst verstecken). Das könnte, wenn gut gemacht, recht überzeugend wirken. Im Idealfall hat das Formular dann eine feste Pixelgröße, was zwar allgemein nicht nett ist, aber im vorliegenden Beispiel besser aussehen würde.


Duddle
 

curdface

Noch nicht viel geschrieben

Hi Duddle,
erstmal danke für deine Antwort. Die feste Pixelbreite ist natürlich im responsive Zeitalter nicht optimal, aber das ist in diesem Fall kein Problem da die Seite eh nicht responsive ist. Ich habe gestern noch mal recheriert und mich für das absolute "downgrade" für eine CSS3 animation entschieden, in dem ich im außerhalb des formulars eine Bild einer Flasche habe und das formular zu dem Punkt hin klein werden lassen..

Vielleicht gibt es aber noch weitere Vorschäge?!... Ich habe ernsthaft geglaubt, dass ist nicht die erste bin, die ein Script mit dem "aufrollen" von Papier nutzen möchte...
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben