Hallo zusammen, gibt es eine Möglichkeit ein Hintergrundbild (evtl. auch ohne JS) zu ändern wenn man an einer bestimmten Position ankommt? Zu sehen zum Beispiel in diesem Beispiel. Ich komme leider nicht an die einzelnen CSS Datei ran, wieso auch immer. http://themes.felixplus.com/zoomer/ Wenn man runter scrollt sieht man dass die Bilder fixiert bleiben (und ändern) obwohl man scrollt. Über eine Antwort wäre ich sehr erfreut.
Hintergrund in bestimmten Bereich ändern
-
Die fixierten Hintergrundbilder sind jeweils mit background-attachment: fixed gesetzt, ist es das, was du suchst? Habe deine Frage ehrlich gesagt nicht komplett verstanden.
-
Ich verstehe leider auch nicht ganz was du meinst. Willst du eine Seite konstruieren in dem Stil von der, die du verlinkt hast?
-
Unterschiedliche <div>'s mit unterschiedlichen Hintergrundbildern versehen...
Mit Chrome oder FF kannst du dir bestimmte Elemente ansehen uns siehst die CSS Eigenschaften.
-
Das wird mit Javascript gemacht, CSS und HTML.
Schau dir den Quelltext an. Wenn du den nicht verstehst, fange mit den Grundlagen an. -
wenn es kein javscript ist, wie wir denn da bitte die offset-position vom scrollen ermittelt? durch magie?
-
-
ok, technisch nicht das was ich verstanden hatte, aber optisch triffts in der tat den kern dessen was der TE geschrieben hatte.
obgleich es nicht multidevicefähig is... -
Die verwenden bootstrap als Framework - und es ist auch ein Standardlayout: http://startbootstrap.com/stylish-portfolio
-
Die verwenden bootstrap als Framework - und es ist auch ein Standardlayout: http://startbootstrap.com/stylish-portfolio
Nein kein Standardlayout. Die von dir verlinkte Seite wird von einer Medienagentur in Orlando, Florida betrieben und ist ein Unternehmen, das in keinster Weise mit Bootstrap in Verbindung steht.
Steht auf der Seite unten. -
Ich formuliere um: ein kostenlos erhältliches, mit bootstrap umgesetztes, standardisiertes Layout das man sich dort einfach Downloaden kann.
Dachte es ist ein ganz schönes Beispiel mal den Code zu inspizieren, ein wenig zu testen / spielen und zu lernen. Denn an sich ist das Layout ganz nett und gut gemacht. Und es ist genau das was er sucht.
-
und auch wennse da bootstrap nutzen, ich habs aufm ipad 2 ios5 getestet und da lief es nicht, da waren die "background-pics" alle ganz normal unner den content-dingern.
-
Aye, weil der Safari auf iOS keine unterstützung für background-attachment: fixed bietet. Warum auch immer. Chrome für Android afaik auch nicht.
-
Aye, weil der Safari auf iOS keine unterstützung für background-attachment: fixed bietet. Warum auch immer. Chrome für Android afaik auch nicht.
Mal hier lesen ->http://stackoverflow.com/questions/8923…r-iphone-app-us
JSFiddle:http://jsfiddle.net/uZRXH/3/
Das sollte dann das Problem beheben können.
-
Das wird mit Javascript gemacht, CSS und HTML.Schau dir einfach den Quelltext an.
