0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

use css transform

Browse source
This commit is contained in:
rolux 2011-04-25 15:26:17 +02:00
parent 808d561a25
commit 5f7f2b38b9
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
source/js/Ox.UI/Ox.UI.js
View file

@ -75,6 +75,7 @@ Ox.load.UI = function(options, callback) {
browserSupported ? showIcon() : showWarning(); browserSupported ? showIcon() : showWarning();
function showIcon() { function showIcon() {
/*
var src = Ox.PATH + 'svg/Ox.UI.' + options.theme + '/symbolLoadingAnimated.svg' var src = Ox.PATH + 'svg/Ox.UI.' + options.theme + '/symbolLoadingAnimated.svg'
Ox.loadFile(src, function() { Ox.loadFile(src, function() {
Ox.element('<img>') Ox.element('<img>')
@ -90,6 +91,7 @@ Ox.load.UI = function(options, callback) {
}) })
.appendTo(div); .appendTo(div);
}); });
*/
var deg = 0, element, interval, var deg = 0, element, interval,
src = Ox.PATH + 'svg/Ox.UI.' + options.theme + '/symbolLoading.svg' src = Ox.PATH + 'svg/Ox.UI.' + options.theme + '/symbolLoading.svg'
Ox.loadFile(src, function() { Ox.loadFile(src, function() {
@ -97,23 +99,21 @@ Ox.load.UI = function(options, callback) {
.attr({ .attr({
src: src src: src
}) })
.css({ .css(Ox.extend({
position: 'absolute',
top: '250px',
left: '500px',
width: '32px', width: '32px',
height: '32px' height: '32px'
}) }, css))
.mousedown(function(e) { .mousedown(function(e) {
e.preventDefault() e.preventDefault()
}) })
.appendTo(div); .appendTo(div);
interval = setInterval(function() { setTimeout(function rotate() {
deg = (deg + 30) % 360; deg = (deg + 30) % 360;
element.css({ element.css({
MozTransform: 'rotate(' + deg + 'deg)', MozTransform: 'rotate(' + deg + 'deg)',
WebkitTransform: 'rotate(' + deg + 'deg)' WebkitTransform: 'rotate(' + deg + 'deg)'
}); });
Ox.element('OxLoadingScreen')[0] && setTimeout(rotate, 83);
}, 83); }, 83);
}); });
} }