Dynamischer bzw. bewegter Hintergrund

[JoeWa]

Hallo zusammen,

Ich bin auf folgende Seite gestoßen: http://www.restaurant-schote.de/ .

Ist das auch mit HTMS/CSS möglich ?

Gruß Jörg

 

[randacek_pro]

AW: Dynamischer bzw. bewegter Hintergrund

Was genau am HG meinst du, was mit HTML + CSS möglich sein soll?

Meinst du diesen "scroll"-Effekt, dass es dann zur Seite und runter scrollt (als Bsp.)?

Das würde zB auch mittels jQuery und einer Technik wie "Parallax Scrolling" gehen http://t3n.de/news/parallax-scrolling-10-schicke-423046/
bzw. custom scroll paths http://joelb.me/scrollpath/.

Das sind sehr interessante Techniken, die aber eben auch den Einsatz von JavaScript und jQuery erfordern, daher auch ein Stück rechenintensiver sind...

 

[JoeWa]

AW: Dynamischer bzw. bewegter Hintergrund

Alles klar,
durch die Links weiß ich jetzt was dahinter steckt.
Ist wohl in HTML/CSS nicht machbar.
Danke

 

[randacek_pro]

AW: Dynamischer bzw. bewegter Hintergrund

Doch - nur halt nicht in "reinem" HTML + CSS, da brauchts noch eine Skriptsprache dazu... als JavaScript

 

[Horst-Karsten]

AW: Dynamischer bzw. bewegter Hintergrund

Auf Produkte mit dem Apfel nicht lesbar

 

[Myhar]

AW: Dynamischer bzw. bewegter Hintergrund

Auf Produkte mit dem Apfel nicht lesbar

Das ist leider eine Falschinformation.
Auf Produkten wie dem Macbook (Pro), iMac, etc. kann man die Seite nicht nur lesen sondern auch die (mehr oder weniger hübschen) Bilder betrachten.
Diese Aussage trifft meines Wissens nach lediglich auf zwei Apple Produkte zu: iPhone (1-5) und iPad (1-3)

 

[TehTux]

AW: Dynamischer bzw. bewegter Hintergrund

Doch - nur halt nicht in "reinem" HTML + CSS, da brauchts noch eine Skriptsprache dazu... als JavaScript

Das stimmt so nicht ganz... seit CSS3 ist es machbar. Jedoch wird es natürlich nur von neueren Browsern bereits unterstützt.

 

[randacek_pro]

AW: Dynamischer bzw. bewegter Hintergrund

Das stimmt so nicht ganz... seit CSS3 ist es machbar.

Ja, da hast du natürlich Recht
Doch mir ging es mehr um die verwendeten Techniken, um solche Ergebnisse zu realisieren - da setzen viele auf jQuery - außerdem, bei den "custom scroll paths" kenne ich bisher keine reine CSS(3)-Lösung. Für Parallax Scrolling gibt es die bereits

Lieber Gruß

 

[NiAlMa]

AW: Dynamischer bzw. bewegter Hintergrund

machbar ist das aber die Seite besteht aus Flash

 

[black-hat]

AW: Dynamischer bzw. bewegter Hintergrund

Diese seite ist mit HTML und CSS machbar. Beruht jedoch auf CSS3 Techniken und ist nicht gerade einfach, außer, du bist ein absoluter CSS-Geek.

Hier ist z.b. ein ähnliches Beispiel:
http://graphicfusiondesign.com/blog/design/creating-fancy-css3-fade-in-animations-on-page-load/