here thing, have 3 gifs, each 1 doing part of animation
<img src="images/carenters.gif" id="enter"> <img src="images/carleaves.gif" id="exit"> <img src="images/tiretracksdissappear.gif" id="delete"> these gifs shown when scrolltop reaches value, when div shown in in viewport. however, want animation happen once, meaning don't want repeat. then, if usar scrolls down, want gif car leaves play (also once) , after done, want last gif play. have no idea if possible @ all, control moment start scrolltop , pause animation @ specific time. tried using freezeframe didn't work me.
the idea create effect of car arriving when scroll section, , leave, car leaves. idea or suggestion appreciated
update
i can't make loop once because idea if user scrolls backs up, car should able enter again (or restart animation, don't know if can done 1 loop gif). main problem be... how detect when first gif ends , how activate second one... how link them looks single animation
you make gif doesn't loop, plays once: gimp tutorial. image package (free or otherwise) should able same. maybe can open existing gifs , resave them without looping?
Comments
Post a Comment