Animation of CAR using Jquery

1.8k Views Asked by At

I want to put animation for running car on the road vertically. As shown in my fiddle, the car animation does work, but I want the car to run on my image on the road and as the car goes farther away, the car should become smaller.

The Html Markup:

<div id="b" style="position:absolute;">   
          <img src="http://cliparts.co/cliparts/6Tr/ogp/6Trogpekc.png" style="width:10%"></div>  

The Jquery:

 $(document).ready(function () {          
        //for translate car
        function beeLeft() {
            $("#b").animate({ right: "+=1000" }, 6000, "swing", beeRight);
        }
        function beeRight() {
            $("#b").animate({ left: "+=1000" }, 6000, "swing", beeLeft);
        }

        beeLeft();

    });

Link to the fiddle : example fiddle

Any help is appreciated. Thank you in advance.

0

There are 0 best solutions below