jquery - 画像をループで自動回転

Question

ローダーアニメーションGIFのように画像を回転させたい。

私は<img>htmlにタグを持っています、そして私のJqueryコードはこれです：

setInterval(
    function () {
        $('#at_ex1').animate({rotate: '+=10deg'}, 0);
    },
    200
);

しかし、正しく動作していません。JqueryとCSS3のループでこのメソッドを使用する方法。

Answer 1

このフィドルをチェックしてください。あなたが求めていることとまったく同じだと思います。

http://code.google.com/p/jqueryrotate/wiki/Examples

Answer 2

var $elie = $("img"), degree = 0, timer;

function rotate() {

    $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
    $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});
    timer = setTimeout(function() {
        ++degree; rotate();
    },100);
}