jQuery вращать и увеличивать изображение одновременно

0

У меня есть функция для поворота изображения

$.fn.clockwiseRotate = function () {
$(this).each(function () {
    var self = $(this),
        degree = 0;
    var interval = setInterval(function () {
        self.css({
            '-webkit-transform': 'rotate(' + degree + 'deg)'
        });
        self.css({
            '-moz-transform': 'rotate(' + degree + 'deg)'
        });
        self.css({
            'transform': 'rotate(' + degree + 'deg)'
        });
        degree++;
        if (degree === 360) {
            clearInterval(interval);
        }
    }, 1);
});
};

http://jsfiddle.net/eaQRx/2093/

но я хотел бы не только вращать, но и масштабировать изображение, пока он вращается от 0 до 1.
Чтобы установить fo css
transform: scale(0);
и изменить его на
transform: scale(1);

Есть ли способ создать две функции и использовать их одновременно, один для вращения и другой для масштаба, или, я не знаю, какой-либо другой solutuin?

Теги:

1 ответ

1
Лучший ответ

DEMO

$.fn.clockwiseRotate = function () {
    $(this).each(function () {
        var self = $(this);
        var degree = 0;
        var scale = 0;
        var interval = setInterval(function () {
            self.css({
                '-webkit-transform': 'rotate(' + degree + 'deg) scale(' + scale + ')'
            });
            self.css({
                '-moz-transform': 'rotate(' + degree + 'deg) scale(' + scale + ')'
            });
            self.css({
                'transform': 'rotate(' + degree + 'deg) scale(' + scale + ')'
            });
            degree++;
            scale+=(1/360);
            if (degree === 361) {
                clearInterval(interval);
            }
        }, 1);
    });
};
  • 0
    Большое спасибо за помощь, но я не могу понять, почему этот скрипт не работает должным образом для нескольких изображений? jsfiddle.net/KGH2F/3
  • 0
    Убедитесь, что вы используете var . Демо обновлено.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню