Chodzi mi dokładnie o parallax horyzontalny easing'iem,
czyli jak przesunę w lewo lub w prawo kursorem nad parallax'ą i zatrzymam kursor,
to jeszcze przez chwilę paralax'a niejako "sama spowalnia",
tj. jest w przykładzie 1.3 Easing (super easy)
np. tj. poniżej:
http://www.univie.ac.at/ptox/uploads/preview/example1.html
Ja testowałem np. jquery plax parallax, ale nie wiem co dopisać do jquery,
żeby mi zatrybił parralax z easingiem.
Mam pytanie:
Czy ktoś zna jakiś fajny skrypt na licencji MIT/GPL
z efektem parallax z easing'iem?
Jak to zrobić np. w plax'ie?
http://www.cameronmcefee.com/plax/
https://github.com/cameronmcefee/plax
co należy dodać do poniższej funkcji, aby otrzymać efekt jak wyżej.
Kod
var range = [
[$('.plax.class1'),50],
[$('.plax.class2, .class3, .class4'),80],
[$('.plax.class5'),100]
];
$.each(range, function(i){
range[i][0].plaxify({"xRange":range[i][1],"yRange":0});
});
$.plax.enable({ "activityTarget": $('#parallax')})
[$('.plax.class1'),50],
[$('.plax.class2, .class3, .class4'),80],
[$('.plax.class5'),100]
];
$.each(range, function(i){
range[i][0].plaxify({"xRange":range[i][1],"yRange":0});
});
$.plax.enable({ "activityTarget": $('#parallax')})