first commit
This commit is contained in:
@@ -0,0 +1,48 @@
|
||||
/*--------------------------------------------------------------
|
||||
* ADMIN CSS MS
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
.settings_page_wsp-loader .editor{
|
||||
height:250px;
|
||||
}
|
||||
.wsp-loader-block {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
display: block;
|
||||
height: 160px;
|
||||
max-width: 320px;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
-ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
-o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
-webkit-transition: .05s border-color ease-in-out;
|
||||
-moz-transition: .05s border-color ease-in-out;
|
||||
-o-transition: .05s border-color ease-in-out;
|
||||
-ms-transition: .05s border-color ease-in-out;
|
||||
transition: .05s border-color ease-in-out;
|
||||
}
|
||||
|
||||
.wsp-loader-block .wsp-loader-table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wsp-loader-block #loader-preview {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wsp-loader-block .wp-smart-loader {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wsp-loader-block .wp-smart-loader.smart-loader-three {
|
||||
width: 65px;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader CSS MS
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.smart-page-loader {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #fefefe;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
.wp-smart-loader {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -25px 0 0 -25px;
|
||||
font-size: 10px;
|
||||
z-index: 100001;
|
||||
}
|
||||
|
||||
|
||||
.wp-smart-body{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,513 @@
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader CSS MS
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.wp-smart-loader {
|
||||
text-indent: -12345px;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader One
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.smart-loader-one {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.5);
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
-webkit-animation: spinner 700ms infinite linear;
|
||||
-moz-animation: spinner 700ms infinite linear;
|
||||
-ms-animation: spinner 700ms infinite linear;
|
||||
-o-animation: spinner 700ms infinite linear;
|
||||
animation: spinner 700ms infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-moz-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader Two
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.smart-loader-two {
|
||||
position: relative;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
-webkit-animation: spinner 5s infinite linear;
|
||||
animation: spinner 5s infinite linear;
|
||||
}
|
||||
|
||||
.smart-loader-two span {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
background: red;
|
||||
display: block;
|
||||
-webkit-animation: spinner-two 1s infinite linear;
|
||||
animation: spinner-two 1s infinite linear;
|
||||
}
|
||||
|
||||
.smart-loader-two span:nth-child(1) {
|
||||
background: #2ecc71;
|
||||
}
|
||||
|
||||
.smart-loader-two span:nth-child(2) {
|
||||
left: 44px;
|
||||
background: #9b59b6;
|
||||
-webkit-animation-delay: .2s;
|
||||
animation-delay: .2s;
|
||||
}
|
||||
|
||||
.smart-loader-two span:nth-child(3) {
|
||||
top: 44px;
|
||||
background: #3498db;
|
||||
-webkit-animation-delay: .4s;
|
||||
animation-delay: .4s;
|
||||
}
|
||||
|
||||
.smart-loader-two span:nth-child(4) {
|
||||
top: 44px;
|
||||
left: 44px;
|
||||
background: #f1c40f;
|
||||
-webkit-animation-delay: .6s;
|
||||
animation-delay: .6s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner-two {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(0.5);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner-two {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(0.5);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader Three
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.smart-loader-three {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.smart-loader-three span {
|
||||
display: block;
|
||||
bottom: 0px;
|
||||
width: 9px;
|
||||
height: 5px;
|
||||
background: #9b59b6;
|
||||
position: absolute;
|
||||
-webkit-animation: spinner-three 1.5s infinite ease-in-out;
|
||||
animation: spinner-three 1.5s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.smart-loader-three span:nth-child(2) {
|
||||
left: 11px;
|
||||
-webkit-animation-delay: .2s;
|
||||
animation-delay: .2s;
|
||||
}
|
||||
|
||||
.smart-loader-three span:nth-child(3) {
|
||||
left: 22px;
|
||||
-webkit-animation-delay: .4s;
|
||||
animation-delay: .4s;
|
||||
}
|
||||
|
||||
.smart-loader-three span:nth-child(4) {
|
||||
left: 33px;
|
||||
-webkit-animation-delay: .6s;
|
||||
animation-delay: .6s;
|
||||
}
|
||||
|
||||
.smart-loader-three span:nth-child(5) {
|
||||
left: 44px;
|
||||
-webkit-animation-delay: .8s;
|
||||
animation-delay: .8s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner-three {
|
||||
0% {
|
||||
height: 5px;
|
||||
transform: translateY(0px);
|
||||
background: #9b59b6;
|
||||
}
|
||||
25% {
|
||||
height: 30px;
|
||||
transform: translateY(15px);
|
||||
background: #3498db;
|
||||
}
|
||||
50% {
|
||||
height: 5px;
|
||||
transform: translateY(0px);
|
||||
background: #9b59b6;
|
||||
}
|
||||
100% {
|
||||
height: 5px;
|
||||
transform: translateY(0px);
|
||||
background: #9b59b6;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner-three {
|
||||
0% {
|
||||
height: 5px;
|
||||
transform: translateY(0px);
|
||||
background: #9b59b6;
|
||||
}
|
||||
25% {
|
||||
height: 30px;
|
||||
transform: translateY(15px);
|
||||
background: #3498db;
|
||||
}
|
||||
50% {
|
||||
height: 5px;
|
||||
transform: translateY(0px);
|
||||
background: #9b59b6;
|
||||
}
|
||||
100% {
|
||||
height: 5px;
|
||||
transform: translateY(0px);
|
||||
background: #9b59b6;
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader Four
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.smart-loader-four {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube {
|
||||
width: 33%;
|
||||
height: 33%;
|
||||
background-color: #9b59b6;
|
||||
float: left;
|
||||
-webkit-animation: spinner-four 1.3s infinite ease-in-out;
|
||||
animation: spinner-four 1.3s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube1 {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube2 {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube3 {
|
||||
-webkit-animation-delay: 0.4s;
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube4 {
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube5 {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube6 {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube7 {
|
||||
-webkit-animation-delay: 0s;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube8 {
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
|
||||
.smart-loader-four .spinner-cube9 {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner-four {
|
||||
0%, 70%, 100% {
|
||||
-webkit-transform: scale3D(1, 1, 1);
|
||||
transform: scale3D(1, 1, 1);
|
||||
}
|
||||
35% {
|
||||
-webkit-transform: scale3D(0, 0, 1);
|
||||
transform: scale3D(0, 0, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner-four {
|
||||
0%, 70%, 100% {
|
||||
-webkit-transform: scale3D(1, 1, 1);
|
||||
transform: scale3D(1, 1, 1);
|
||||
}
|
||||
35% {
|
||||
-webkit-transform: scale3D(0, 0, 1);
|
||||
transform: scale3D(0, 0, 1);
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader Five
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.smart-loader-five {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube {
|
||||
border: 2px solid transparent;
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
position: relative;
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #9b59b6;
|
||||
-webkit-animation: spinner-five 2.4s infinite linear both;
|
||||
animation: spinner-five 2.4s infinite linear both;
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
-ms-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube-2 {
|
||||
-webkit-transform: scale(1.1) rotateZ(90deg);
|
||||
transform: scale(1.1) rotateZ(90deg);
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube-3 {
|
||||
-webkit-transform: scale(1.1) rotateZ(180deg);
|
||||
transform: scale(1.1) rotateZ(180deg);
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube-4 {
|
||||
-webkit-transform: scale(1.1) rotateZ(270deg);
|
||||
transform: scale(1.1) rotateZ(270deg);
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube-2:before {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube-3:before {
|
||||
-webkit-animation-delay: 0.6s;
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
|
||||
.smart-loader-five .spinner-cube-4:before {
|
||||
-webkit-animation-delay: 0.9s;
|
||||
animation-delay: 0.9s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner-five {
|
||||
0%, 10% {
|
||||
-webkit-transform: perspective(140px) rotateX(-180deg);
|
||||
transform: perspective(140px) rotateX(-180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
25%, 75% {
|
||||
-webkit-transform: perspective(140px) rotateX(0deg);
|
||||
transform: perspective(140px) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
90%, 100% {
|
||||
-webkit-transform: perspective(140px) rotateY(180deg);
|
||||
transform: perspective(140px) rotateY(180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner-five {
|
||||
0%, 10% {
|
||||
-webkit-transform: perspective(140px) rotateX(-180deg);
|
||||
transform: perspective(140px) rotateX(-180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
25%, 75% {
|
||||
-webkit-transform: perspective(140px) rotateX(0deg);
|
||||
transform: perspective(140px) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
90%, 100% {
|
||||
-webkit-transform: perspective(140px) rotateY(180deg);
|
||||
transform: perspective(140px) rotateY(180deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader Six
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.smart-loader-six {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.smart-loader-six .spinner-cube-1,
|
||||
.smart-loader-six .spinner-cube-2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
background-color: #3498db;
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
-webkit-animation: spinner-six 2.0s infinite ease-in-out;
|
||||
animation: spinner-six 2.0s infinite ease-in-out;
|
||||
}
|
||||
|
||||
.smart-loader-six .spinner-cube-2 {
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner-six {
|
||||
0%, 100% {
|
||||
-webkit-transform: scale(0.0)
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(1.0)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner-six {
|
||||
0%, 100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
* Preloader Seven
|
||||
*--------------------------------------------------------------
|
||||
*/
|
||||
11
wp-content/plugins/wp-smart-preloader/assets/js/ace.js
Normal file
11
wp-content/plugins/wp-smart-preloader/assets/js/ace.js
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,63 @@
|
||||
jQuery(document).ready(function($){
|
||||
|
||||
var editor_css = ace.edit("wsp-loader-opt[custom_css]"),
|
||||
textarea_css = $('textarea[name="wsp-loader-opt[custom_css]"]').hide();
|
||||
editor_css.setTheme("ace/theme/monokai");
|
||||
|
||||
editor_css.$blockScrolling = Infinity;
|
||||
|
||||
editor_css.getSession().setMode("ace/mode/css");
|
||||
editor_css.getSession().setValue(textarea_css.val());
|
||||
editor_css.getSession().on('change', function(){
|
||||
textarea_css.val(editor_css.getSession().getValue());
|
||||
});
|
||||
|
||||
var editor_html = ace.edit("wsp-loader-opt[custom_animation]"),
|
||||
textarea_html = $('textarea[name="wsp-loader-opt[custom_animation]"]').hide();
|
||||
editor_html.setTheme("ace/theme/monokai");
|
||||
|
||||
editor_html.$blockScrolling = Infinity;
|
||||
|
||||
editor_html.getSession().setMode("ace/mode/html");
|
||||
editor_html.getSession().setValue(textarea_html.val());
|
||||
editor_html.getSession().on('change', function(){
|
||||
textarea_html.val(editor_html.getSession().getValue());
|
||||
});
|
||||
|
||||
|
||||
var loader_image = $('#loader-img'),
|
||||
preview_image = $('#loader-preview');
|
||||
|
||||
wsp_init();
|
||||
|
||||
loader_image.on('change',function(){
|
||||
wsp_init();
|
||||
});
|
||||
|
||||
function wsp_init(){
|
||||
var value =loader_image.val(),
|
||||
block ='<div class="smart-page-loader">';
|
||||
|
||||
if( value != "" ){
|
||||
$('.wsp-loader-block').show();
|
||||
if(value == "Loader 1") {
|
||||
block += '<div class="wp-smart-loader smart-loader-one">Loading...</div>';
|
||||
} else if(value == "Loader 2") {
|
||||
block += '<div class="wp-smart-loader smart-loader-two"> <span></span> <span></span> <span></span> <span></span> </div>';
|
||||
} else if(value == "Loader 3") {
|
||||
block += ' <div class="wp-smart-loader smart-loader-three"> <span></span> <span></span> <span></span> <span></span> <span></span> </div>';
|
||||
} else if(value == "Loader 4") {
|
||||
block += ' <div class="wp-smart-loader smart-loader-four"> <span class="spinner-cube spinner-cube1"></span> <span class="spinner-cube spinner-cube2"></span> <span class="spinner-cube spinner-cube3"></span> <span class="spinner-cube spinner-cube4"></span> <span class="spinner-cube spinner-cube5"></span> <span class="spinner-cube spinner-cube6"></span> <span class="spinner-cube spinner-cube7"></span> <span class="spinner-cube spinner-cube8"></span> <span class="spinner-cube spinner-cube9"></span> </div>';
|
||||
} else if(value == "Loader 5") {
|
||||
block += ' <div class="wp-smart-loader smart-loader-five"> <span class="spinner-cube-1 spinner-cube"></span> <span class="spinner-cube-2 spinner-cube"></span> <span class="spinner-cube-4 spinner-cube"></span> <span class="spinner-cube-3 spinner-cube"></span> </div>';
|
||||
} else if(value == "Loader 6") {
|
||||
block += ' <div class="wp-smart-loader smart-loader-six"> <span class=" spinner-cube-1 spinner-cube"></span> <span class=" spinner-cube-2 spinner-cube"></span> </div>';
|
||||
} else if(value == "Custom Animation") {
|
||||
block += '';
|
||||
$('.wsp-loader-block').hide();
|
||||
}
|
||||
block += "</div>";
|
||||
preview_image.html(block);
|
||||
}
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,81 @@
|
||||
(function($){
|
||||
|
||||
var bdy = jQuery("body:not('.elementor-editor-active')");
|
||||
var value = wsp_obj.loader,
|
||||
duration = ( wsp_obj.hasOwnProperty('fadeout') && wsp_obj.fadeout!="" )?wsp_obj.fadeout:2500,
|
||||
delay = ( wsp_obj.hasOwnProperty('delay') && wsp_obj.delay!="" )?wsp_obj.delay:1500;
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
var flag;
|
||||
if( wsp_obj.hasOwnProperty("homepage") && ( "1" == wsp_obj.homepage ) ){
|
||||
if (jQuery('body:not(".elementor-editor-active")').hasClass('home') ){
|
||||
add_block_after_body();
|
||||
flag = "home";
|
||||
}
|
||||
} else {
|
||||
add_block_after_body();
|
||||
}
|
||||
|
||||
setTimeout(wsp_front_loader(),1000);
|
||||
|
||||
function wsp_front_loader() {
|
||||
|
||||
|
||||
var block = '';
|
||||
if( value != "" ){
|
||||
switch (value){
|
||||
case "Loader 1":
|
||||
block += '<div class="wp-smart-loader smart-loader-one">Loading...</div>';
|
||||
break;
|
||||
case "Loader 2":
|
||||
block += '<div class="wp-smart-loader smart-loader-two"> <span></span> <span></span> <span></span> <span></span> </div>';
|
||||
break;
|
||||
case "Loader 3":
|
||||
block += ' <div class="wp-smart-loader smart-loader-three"> <span></span> <span></span> <span></span> <span></span> <span></span> </div>';
|
||||
break;
|
||||
case "Loader 4":
|
||||
block += ' <div class="wp-smart-loader smart-loader-four"> <span class="spinner-cube spinner-cube1"></span> <span class="spinner-cube spinner-cube2"></span> <span class="spinner-cube spinner-cube3"></span> <span class="spinner-cube spinner-cube4"></span> <span class="spinner-cube spinner-cube5"></span> <span class="spinner-cube spinner-cube6"></span> <span class="spinner-cube spinner-cube7"></span> <span class="spinner-cube spinner-cube8"></span> <span class="spinner-cube spinner-cube9"></span> </div>';
|
||||
break;
|
||||
case "Loader 5":
|
||||
block += ' <div class="wp-smart-loader smart-loader-five"> <span class="spinner-cube-1 spinner-cube"></span> <span class="spinner-cube-2 spinner-cube"></span> <span class="spinner-cube-4 spinner-cube"></span> <span class="spinner-cube-3 spinner-cube"></span> </div>';
|
||||
break;
|
||||
case "Loader 6":
|
||||
block += ' <div class="wp-smart-loader smart-loader-six"> <span class=" spinner-cube-1 spinner-cube"></span> <span class=" spinner-cube-2 spinner-cube"></span> </div>';
|
||||
break;
|
||||
case "Custom Animation":
|
||||
block += wsp_obj.custom_animation;
|
||||
break;
|
||||
}
|
||||
|
||||
|
||||
|
||||
if( "home" == flag ){
|
||||
jQuery('body.home:not(".elementor-editor-active") .smart-page-loader').prepend(block);
|
||||
}else {
|
||||
// all pages
|
||||
jQuery('.smart-page-loader').prepend(block);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function add_block_after_body(){
|
||||
// jQuery('body:not(".elementor-editor-active")').prepend('<div class="smart-page-loader"></div>');
|
||||
jQuery('body:not(".elementor-editor-active")').removeClass('wp-smart-body');
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
window.addEventListener('load',function(event){
|
||||
fade_away();
|
||||
function fade_away(){
|
||||
jQuery('.smart-page-loader').delay(delay).fadeOut(duration);
|
||||
jQuery('body:not(".elementor-editor-active")').removeClass('wp-smart-body');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
}(jQuery));
|
||||
|
||||
Reference in New Issue
Block a user