1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| (function ($) {
|
| var divs = {
| 'ball-pulse': 3,
| 'ball-grid-pulse': 9,
| 'ball-clip-rotate': 1,
| 'ball-clip-rotate-pulse': 2,
| 'square-spin': 1,
| 'ball-clip-rotate-multiple': 2,
| 'ball-pulse-rise': 5,
| 'ball-rotate': 1,
| 'cube-transition': 2,
| 'ball-zig-zag': 2,
| 'ball-zig-zag-deflect': 2,
| 'ball-triangle-path': 3,
| 'ball-scale': 1,
| 'line-scale': 5,
| 'line-scale-party': 4,
| 'ball-scale-multiple': 3,
| 'ball-pulse-sync': 3,
| 'ball-beat': 3,
| 'line-scale-pulse-out': 5,
| 'line-scale-pulse-out-rapid': 5,
| 'ball-scale-ripple': 1,
| 'ball-scale-ripple-multiple': 3,
| 'ball-spin-fade-loader': 8,
| 'line-spin-fade-loader': 8,
| 'triangle-skew-spin': 1,
| 'pacman': 5,
| 'ball-grid-beat': 9,
| 'semi-circle-spin': 1,
| 'ball-scale-random': 3
| };
|
| var addDivs = function(n) {
| var arr = [];
| for (i = 1; i <= n; i++) {
| arr.push('<div></div>');
| }
| return arr;
| };
|
| $.fn.loaders = function() {
| return this.each(function() {
| var elem = $(this);
| $.each(divs, function(key, value) {
| if (elem.hasClass(key))
| elem.html(addDivs(value))
| })
| });
| };
|
| $(function() {
| $.each(divs, function(key, value) {
| $('.loader-inner.' + key).html(addDivs(value));
| })
| });
|
| }).call(window, window.$ || window.jQuery || window.Zepto);
|
|
