У меня есть функция для поворота изображения
$.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?
$.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);
});
};
var
. Демо обновлено.