Smoerf
Legacy Member
De search leverde me enkel flash related topics op en ook google kon me geen soelaas bieden.
Feit is dat ik een soort bouncy effect wil op een in-easende div. Ik maak gebruik van de Robert Penner formule adhv een flash easing function generator die me een bezier functie weergeeft.
Link: http://timotheegroleau.com/Flash/experiments/easing_function_generator.htm
Feit is dat ik dit zou moeten omzetten naar javascript. Ik ben al enkele uren aan het proberen om het aan de praat te krijgen, en uiteindelijk is het wel gelukt maar de bounce is niet zoals verwacht.
Een online voorbeeld staat hier: (niet letten op de mouseout state want die is nog niet juist)
http://joggink.be/clients/whatsmyname v2/
Dit werkt nu adhv dit stukje code.
Ik ging me baseren op een actionscriptcode die Gerritn geschreven had, deze vindt u hier:
http://joggink.be/clients/whatsmyname v2/ease.txt
Feit is dat ik een soort bouncy effect wil op een in-easende div. Ik maak gebruik van de Robert Penner formule adhv een flash easing function generator die me een bezier functie weergeeft.
Link: http://timotheegroleau.com/Flash/experiments/easing_function_generator.htm
Feit is dat ik dit zou moeten omzetten naar javascript. Ik ben al enkele uren aan het proberen om het aan de praat te krijgen, en uiteindelijk is het wel gelukt maar de bounce is niet zoals verwacht.
Een online voorbeeld staat hier: (niet letten op de mouseout state want die is nog niet juist)
http://joggink.be/clients/whatsmyname v2/
Dit werkt nu adhv dit stukje code.
Code:
function bounceExp(id, timer, t, b, res, c, d){
if (timer < 10){
t++;
timer++;
t = t / d;
var ts =t*t;
var tc =ts*t;
var res = Math.ceil(b+c*(33*tc*ts + -106*ts*ts + 126*tc + -67*ts + 15*t));
document.getElementById('debug').innerHTML += "res: " + res + "<br />";
var li = document.getElementById(id).style;
li.paddingTop = res + "px";
li.backgroundPosition = "0px " + res + "px";
var h = b - res;
li.height = h + "px";
window.setTimeout("bounceExp('" + id + "', " + timer + ", " + t + ", " + b + ", " + res + ", " + c + ", " + d + ")", 15);
}
}Ik ging me baseren op een actionscriptcode die Gerritn geschreven had, deze vindt u hier:
http://joggink.be/clients/whatsmyname v2/ease.txt