KnowledgeFactory

Thanks for that tip. /*ANIMATION/////////////////////////////////////////////////////////////////////////////////////*/ tl.timeScale(1); tl.call(function(){ $("#screen").attr("src", "images/video_000.jpg"); }); tl.to(Cursor, 3, { left: x(90.7),top: y(23.8), ease: Power0.easeNone}); tl.call(function(){ $("#screen").attr("src", "images/video_000.jpg"); }, "+=2"); tl.call(function(){ $("#screen").attr("src", "images/video_001.jpg"); }); tl.to(Cursor, 1, { left: x(72.5),top: y(18.8), ease: Power0.easeNone}); tl.call(function(){ $("#screen").attr("src", "images/video_001.jpg"); }); tl.call(function(){ $("#screen").attr("src", "images/video_002.jpg"); }, "+=2"); tl.to(Cursor, 1, { left: x(6.4),top: y(57.3), ease: Power0.easeNone}); tl.call(function(){ $("#screen").attr("src", "images/video_002.jpg"); }); tl.call(function(){ $("#screen").attr("src", "images/video_003.jpg"); }, "+=2"); tl.to(Cursor, 1, { left: x(8.9),top: y(66.1), ease: Power0.easeNone}); tl.call(function(){ $("#screen").attr("src", "images/video_003.jpg"); }); tl.call(function(){ $("#screen").attr("src", "images/video_004.jpg"); }, "+=2"); tl.to(Cursor, 1, { left: x(15.7),top: y(83.1), ease: Power0.easeNone}); tl.call(function(){ $("#screen").attr("src", "images/video_004.jpg"); }); tl.call(function(){ $("#screen").attr("src", "images/video_005.jpg"); }, "+=2"); tl.to(Cursor, 1, { left: x(56.7),top: y(93.3), ease: Power0.easeNone}); tl.pause(); /*ANIMATION/////////////////////////////////////////////////////////////////////////////////////*/ I created my final animation. Unfortunately only the first gap is working. By the way is there a better solution to switch the image as mine? (The double image call was my approach to fix a bug when playing the animation backwards. The images changed after the cursor movement and not before so i called them twice. It is working now but it is a bit messy ) Sry for my terrible english

Many thanks Diaco

Hey guys. I have following code var tl = new TimelineLite({onUpdate: updateSlider, onStart: playAudio}); var Cursor = $("#cursor"); tl.timeScale(1); tl.to(Cursor, 3, { left: x(90.7),top: y(23.8), ease: Power0.easeNone}); //first cursor movement //2 second sleep/wait <======= tl.call(function(){ $("#screen").attr("src", "images/video_001.jpg"); }); //change image tl.to(Cursor, 1, { left: x(72.5),top: y(18.8), ease: Power0.easeNone}); tl.pause(); is it possible to insert a 2 second sleep between the first cursor movement and the call to change the image?