Animierter Hintergrund

SteiniKeule · 06.07.2010, 08:48

Hallo

Ich habe ein Wordpress. Jetzt möchte ich ein Tier über die Seite laufen lassen. Viele kennen sowas z.B. aus der Weihnachtszeit, wenn die Schneeflocken von oben in die Seite fallen. Mein Tier jedoch sollte einfach nur frei über die Seite laufen.

Ich weis jedoch nicht, wo / wie ich anfangen soll. JS oder Flash? Ich kann ja wohl kaum einfach ein Bild über die Seite ruckeln lassen. Also wie bringe ich das Tier zum leben?

Bin für alle Ansätze dankbar.

Chriz · 06.07.2010, 09:31

Doch, du kannst mit position:fixed und left:0%..100% sowas z.B. machen. Gibt aber auch sicherlich wieder bei jQuery was passendes.

Pikrasso · 06.07.2010, 15:56

Also wenn sich das Objekt quer über die Seite bewegen soll, dann wirst du mit Flash denke ich nicht weit kommen. In Flash hast du immer ein statisches Quadratisches Fenster. Das müsste dann quasi über deine komplette Seite liegen. Mit Javascript (und vorallem in Kombination mit Jquery) sollten sich für dein Vorhaben brauchbare Ergebnisse erzielen lassen! Schau dir z.B. mal die Animate funktion in Jquery an.

nikosch · 06.07.2010, 15:59

Zitat:

In Flash hast du immer ein statisches Quadratisches Fenster. Das müsste dann quasi über deine komplette Seite liegen.

Och naja. Ein schmaler Streifen reicht doch. Wenn das Tier am selben Bildrand wieder rausgeht, wo es reinkommt, wirds noch einfacher. Frage ist nur, ob Flash transparent über die Seite gelegt werden kann.

Manko10 · 06.07.2010, 18:46

Das Vorhaben ist eh Blödsinn.
Flash wäre aber durchaus möglich. Aber ein einfaches animiertes GIF + JavaScript tut es auch. Nachteil: GIF kennt nur 256 Farben. Da ich aber vermute, dass sich das Biest auch noch bewegen soll, wirdst du mit PNG oder JPEG nicht weit kommen. GIF oder Flash sind also die beiden sich gegenüber stehenden Möglichkeiten. JavaScript wirst du wohl in beiden Fällen benötigen, um die Figur von rechts nach links, von oben nach unten oder von irgendwo nach sonst- und nirgendwo zu befördern.
Ich rate dir aber dennoch: lasse es, so etwas nervt tierisch (und hier im wahrsten Sinne des Wortes).

nikosch · 06.07.2010, 19:01

Probiers doch mal damit 3-Tier-Architecture

robo47 · 06.07.2010, 21:30

Zitat:

Zitat von Manko10

Das Vorhaben ist eh Blödsinn.
Flash wäre aber durchaus möglich. Aber ein einfaches animiertes GIF + JavaScript tut es auch. Nachteil: GIF kennt nur 256 Farben. Da ich aber vermute, dass sich das Biest auch noch bewegen soll, wirdst du mit PNG oder JPEG nicht weit kommen.

Wenn eh Javascript zum Einsatz kommt, sollte sich ja imho die "Animation" also der austausch der Bilder auch mittels Javascript realisieren lassen, also wären durchaus auch pngs oder jpegs möglich, idealerweise vielleicht einfach ein sprite mit allen animationsschritten und das als hintergrund eines elements fester größe und dann bewegt.

Flor1an · 06.07.2010, 22:00

Zitat:

Zitat von nikosch

Probiers doch mal damit 3-Tier-Architecture

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div Tags hintergrund automatisch so lang wie inhalt	Rutor	HTML, Usability und Barrierefreiheit	1	03.05.2010 22:28
Bild zwischen Hintergrund und Text	TheRahl	Scriptbörse	12	10.02.2010 20:12
Textarea Bild Hintergrund	Kevin1984	HTML, Usability und Barrierefreiheit	5	15.07.2009 10:25
[Erledigt] Hintergrund in der breite bildschirmauflösungskompatibel machen?	litterauspirna	HTML, Usability und Barrierefreiheit	5	18.06.2009 09:51
analyse im hintergrund?	Screeze	PHP Tipps 2009	6	01.03.2009 21:15
Hintergrund in CSS einbauen....	sx1-user	HTML, Usability und Barrierefreiheit	7	06.02.2009 12:46
Ajax lange abfragen im hintergrund?	Screeze	JavaScript, Ajax und mehr	3	20.01.2009 22:31
[Erledigt] hintergrund eines png bild transparent machen	Dintar1989	PHP Tipps 2008	6	17.12.2008 09:54
div hintergrund wird nur angezeigt wenn border definiert	noskule	HTML, Usability und Barrierefreiheit	0	21.12.2006 15:51
EXE nicht im Hintergrund ausführen?	DaniGro	Server, Hosting und Workstations	6	16.10.2006 20:57
Fehler mit Hintergrund bei DIV's - Im Firefox - Help me :-(		HTML, Usability und Barrierefreiheit	20	27.05.2005 10:39
Hintergrund wechseln?? Ansicht		PHP Tipps 2005	3	22.03.2005 12:37
Shoutbox hintergrund		PHP Tipps 2005	15	25.02.2005 07:35
Hintergrund	Stümper	HTML, Usability und Barrierefreiheit	1	11.02.2005 09:21
[INCLUDE] mit transparentem Hintergrund!!		PHP Tipps 2005	1	30.01.2005 14:45

06.07.2010, 08:48
SteiniKeule Erfahrener Benutzer Registriert seit: 09.07.2008 Beiträge: 577 PHP-Kenntnisse: Anfänger	Animierter Hintergrund Hallo Ich habe ein Wordpress. Jetzt möchte ich ein Tier über die Seite laufen lassen. Viele kennen sowas z.B. aus der Weihnachtszeit, wenn die Schneeflocken von oben in die Seite fallen. Mein Tier jedoch sollte einfach nur frei über die Seite laufen. Ich weis jedoch nicht, wo / wie ich anfangen soll. JS oder Flash? Ich kann ja wohl kaum einfach ein Bild über die Seite ruckeln lassen. Also wie bringe ich das Tier zum leben? Bin für alle Ansätze dankbar. __________________ Der Unterschied zwischen dem richtigen Wort und dem beinahe richtigen ist derselbe Unterschied wie zwischen dem Blitz und einem Glühwürmchen.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

06.07.2010, 09:31
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.267	Doch, du kannst mit position:fixed und left:0%..100% sowas z.B. machen. Gibt aber auch sicherlich wieder bei jQuery was passendes. __________________ "Nuschel ich?" - "Was?"

06.07.2010, 15:56
Pikrasso Neuer Benutzer Registriert seit: 06.07.2010 Beiträge: 11 PHP-Kenntnisse: Fortgeschritten	Also wenn sich das Objekt quer über die Seite bewegen soll, dann wirst du mit Flash denke ich nicht weit kommen. In Flash hast du immer ein statisches Quadratisches Fenster. Das müsste dann quasi über deine komplette Seite liegen. Mit Javascript (und vorallem in Kombination mit Jquery) sollten sich für dein Vorhaben brauchbare Ergebnisse erzielen lassen! Schau dir z.B. mal die Animate funktion in Jquery an.

06.07.2010, 18:46
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Das Vorhaben ist eh Blödsinn. Flash wäre aber durchaus möglich. Aber ein einfaches animiertes GIF + JavaScript tut es auch. Nachteil: GIF kennt nur 256 Farben. Da ich aber vermute, dass sich das Biest auch noch bewegen soll, wirdst du mit PNG oder JPEG nicht weit kommen. GIF oder Flash sind also die beiden sich gegenüber stehenden Möglichkeiten. JavaScript wirst du wohl in beiden Fällen benötigen, um die Figur von rechts nach links, von oben nach unten oder von irgendwo nach sonst- und nirgendwo zu befördern. Ich rate dir aber dennoch: lasse es, so etwas nervt tierisch (und hier im wahrsten Sinne des Wortes). __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

06.07.2010, 19:01
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Probiers doch mal damit 3-Tier-Architecture __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --