Javascript Skill needed

[TeTsOu]

moin,

wer erfahrung mit javascript hat und bock mal kurz über ein problem zu schauen, der möge sich melden. dauert nicht lange.

[ElViZ]

Warum stellst du das Problem nicht einfach kurz hier vor?

[TeTsOu]

stimmt eigentlich (:

aktuell spiele ich ein wenig mit parallax jquery durch die gegend.
folgendes script versuche ich nun zu modifizieren:
Recreating the Nikebetterworld.com Parallax Effect

das ganze sieht aktuell so aus:
workinprogress

ich würde gerne wissen wie man die positionierung des
sneakers innerhalb div id="second" ändert. ich hätte den gerne
tiefer gesetzt nachdem der div vollständig angezeigt wird.

bisherige versuche das ganze per css zu lösen hat nicht geklappt:
#second .bg

über firebug sehe ich eine style der von der hirarchie höher liegt:
element.style {
background-position: 50% -5px;
}

kann da wer weiterhelfen, muss ich da an das script ran,
bin für jede hilfe dankbar!

[mcfly]

wenn du nicht an das script ran willst, würd ich einfach die trainers.png anpassen

[TeTsOu]

die idee hab ich mir auch schon zurechtgelegt. ^^
sollte aber nur als notlösung dienen. wenn ich
weitere elemente positionieren möchte ist es imo
wichtig zu wissen wo was passiert

[tomsta]

Das einfachste ist das Bild des Sneakers nicht in den Background des DIVs zu legen, sondern als Bildelement innerhalb des DIVs (und dann per CSS positionieren), ähnlich wie beim Logo der ersten Seite.

€dit:
Joa, so ist das auch wohl angedacht:
Inhaltselemente sind verschachtelnt darin anzulegen, normal per CSS zu positionieren und wandern relativ zum jeweils mitwandernden Elternelement (hier z.B. #intro, #second, .bg und #third).

[TeTsOu]

funktioniert nur leider so nicht. da wir dann genau den gleichen fall haben
wie die class="float-left". einmal positioniert und läuft mit dem #second mit.

habs mal hochgeladen.tesst

[tomsta]

so?

Ok, wenn der Schuh auch verzögert mitwandern soll, wäre wohl wirklich die einfachste möglichkeit das bild einfach zu vergrößern (Seite 3).

€dit:
Hab auf die schnelle einen zusätzlichen Parameter für einen Abstand (x-px von oben) eingesetzt, siehe Seite 3 bzw die Parallax-Deklaration von .vans damit der Effekt auch bestehen bleibt.

[TeTsOu]

check, vielen dank!

dieses javascript, ein teufelszeug!
hilft mir auf jeden fall weiter.