jquery loading overlay

Solutions on MaxInterview for jquery loading overlay by the best coders in the world

showing results for - "jquery loading overlay"
Lucille
01 Feb 2018
1$.LoadingOverlaySetup({
2    background      : "rgba(0, 0, 0, 0.5)",
3    image           : "https://loading.io/mod/spinner/bricks/index.svg",
4    imageAnimation  : "1.5s fadein",
5    imageColor      : "#ffcc00"
6});
7
8$.LoadingOverlay("show");
9
Serena
03 Jan 2019
1// Background
2background              : "rgba(255, 255, 255, 0.8)"        // String
3backgroundClass         : ""                                // String/Boolean
4// Image
5image                   : "<svg> ... </svg>"                // String/Boolean
6imageAnimation          : "2000ms rotate_right"             // String/Boolean
7imageAutoResize         : true                              // Boolean
8imageResizeFactor       : 1                                 // Float
9imageColor              : "#202020"                         // String/Array/Boolean
10imageClass              : ""                                // String/Boolean
11imageOrder              : 1                                 // Integer
12// Font Awesome
13fontawesome             : ""                                // String/Boolean
14fontawesomeAnimation    : ""                                // String/Boolean
15fontawesomeAutoResize   : true                              // Boolean
16fontawesomeResizeFactor : 1                                 // Float
17fontawesomeColor        : "#202020"                         // String/Boolean
18fontawesomeOrder        : 2                                 // Integer
19// Custom
20custom                  : ""                                // String/DOM Element/jQuery Object/Boolean
21customAnimation         : ""                                // String/Boolean
22customAutoResize        : true                              // Boolean
23customResizeFactor      : 1                                 // Float
24customOrder             : 3                                 // Integer
25// Text
26text                    : ""                                // String/Boolean
27textAnimation           : ""                                // String/Boolean
28textAutoResize          : true                              // Boolean
29textResizeFactor        : 0.5                               // Float
30textColor               : "#202020"                         // String/Boolean
31textClass               : ""                                // String/Boolean
32textOrder               : 4                                 // Integer
33// Progress
34progress                : false                             // Boolean
35progressAutoResize      : true                              // Boolean
36progressResizeFactor    : 0.25                              // Float
37progressColor           : "#a0a0a0"                         // String/Boolean
38progressClass           : ""                                // String/Boolean
39progressOrder           : 5                                 // Integer
40progressFixedPosition   : ""                                // String/Boolean
41progressSpeed           : 200                               // Integer
42progressMin             : 0                                 // Float
43progressMax             : 100                               // Float
44// Sizing
45size                    : 50                                // Float/String/Boolean
46minSize                 : 20                                // Integer/String
47maxSize                 : 120                               // Integer/String
48// Misc
49direction               : "column"                          // String
50fade                    : [400, 200]                        // Array/Boolean/Integer/String
51resizeInterval          : 50                                // Integer
52zIndex                  : 2147483647                        // Integer
53