bh-custom-preloader / preloader.php

preloader.php in BH Custom CSS3 Preloader – Just play and play 2.8, at preloader.php

154 lines 5.0 KB

Raw Download Zip

1	<?php
2	if ( ! defined( 'ABSPATH' ) ) {
3	exit; // Exit if accessed directly.
4	}
5	// A Custom function for get an option
6	if ( ! function_exists( 'bh_get_option' ) ) {
7	function bh_get_option( $option = '', $default = null ) {
8	$options = get_option( 'bh_preloader' ); // Attention: Set your unique id of the framework
9	return ( isset( $options[$option] ) ) ? $options[$option] : $default;
10	}
11	}
12
13
14
15	// Adding Preloader
16	function bh_custom_preloader_section(){
17
18	$preloader_opt = bh_get_option('bh-preloader-opt');
19	$preloader_homepage_opt = bh_get_option('bh-preloader-homepage-opt');
20	$preloader_type = bh_get_option('bh-preloader-type');
21	$image_preloaders = bh_get_option('bh-image-preloaders');
22	$css3_pre_style = bh_get_option('bh-preloader-pro-css3-style');
23
24
25	if($preloader_opt == true){
26
27	if($preloader_type == 'pre-1'){
28	if($preloader_homepage_opt == true){
29	if(is_front_page()){ ?>
30	<!-- START PRELOADER -->
31	<div class="preloader">
32	<div class="status" style="background-image: url(<?php echo esc_url(BHPREDIRURI . 'img/'. $image_preloaders . '.gif');?>); background-position: center; background-repeat: no-repeat;"></div>
33	</div>
34	<!-- END PRELOADER -->
35	<?php } ?>
36	<?php }else{ ?>
37	<!-- START PRELOADER -->
38	<div class="preloader">
39	<div class="status" style="background-image: url(<?php echo esc_url(BHPREDIRURI . 'img/'. $image_preloaders . '.gif');?>); background-position: center; background-repeat: no-repeat;"></div>
40	</div>
41	<!-- END PRELOADER -->
42	<?php } ?>
43	<?php
44
45	}else{
46	if($preloader_homepage_opt == true){
47	if(is_front_page()){ ?>
48	<!-- START PRELOADER -->
49	<div class="preloader">
50	<div class="spinner">
51	<div class="double-bounce1"></div>
52	<div class="double-bounce2"></div>
53	</div>
54	</div>
55	<!-- END PRELOADER -->
56	<?php } ?>
57
58	<?php }else{?>
59	<!-- START PRELOADER -->
60	<div class="preloader">
61	<div class="spinner">
62	<?php
63	if($css3_pre_style == 'ppc-1'){
64	?>
65	<div class="double-bounce1"></div>
66	<div class="double-bounce2"></div>
67	<?php
68	}elseif($css3_pre_style == 'ppc-2'){ ?>
69	<div class="lds-dual-ring"></div>
70	<?php }elseif($css3_pre_style == 'ppc-3'){ ?>
71	<div class="lds-facebook"><div></div><div></div><div></div></div>
72	<?php }elseif($css3_pre_style == 'ppc-4'){ ?>
73	<div class="lds-ring"><div></div><div></div><div></div><div></div></div>
74	<?php }elseif($css3_pre_style == 'ppc-5'){ ?>
75	<div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
76	<?php }elseif($css3_pre_style == 'ppc-6'){ ?>
77	<div class="lds-default"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
78	<?php }elseif($css3_pre_style == 'ppc-7'){ ?>
79	<div class="lds-ripple"><div></div><div></div></div>
80	<?php }elseif($css3_pre_style == 'ppc-8'){ ?>
81	<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
82	<?php } ?>
83	</div>
84	</div>
85	<!-- END PRELOADER -->
86	<?php }
87
88	}
89	}
90	}
91	add_action('wp_footer' , 'bh_custom_preloader_section');
92
93	// Adding Preloader options css
94	function bh_custom_preloader_option_css(){
95	$preloader_bg_color = bh_get_option('bh-preloader-bg-color');
96	$preloader_opacity = bh_get_option('bh-opacity');
97	$preloader_color = bh_get_option('bh-preloader-color');
98
99	?>
100
101	<style type="text/css">
102	.preloader{
103	background-color: <?php echo esc_attr($preloader_bg_color); ?>;
104	opacity: <?php echo esc_attr($preloader_opacity); ?>;
105	}
106	.double-bounce1,
107	.double-bounce2 {
108	background-color:<?php echo esc_attr($preloader_color); ?>;
109	}
110	.double-bounce1,
111	.double-bounce2,
112	.lds-facebook div,
113	.lds-roller div:after,
114	.lds-default div,
115	.lds-spinner div:after{
116	background-color:<?php echo esc_attr($preloader_color); ?>;
117	}
118	.lds-dual-ring:after {
119	border: 5px solid <?php echo esc_attr($preloader_color); ?>;
120	border-color: <?php echo esc_attr($preloader_color); ?> transparent <?php echo esc_attr($preloader_color); ?> transparent;
121	}
122	.lds-ring div{
123	border: 6px solid <?php echo esc_attr($preloader_color); ?>;
124	border-color: <?php echo esc_attr($preloader_color); ?> transparent transparent transparent;
125	}
126	.lds-ripple div {
127	border: 4px solid <?php echo esc_attr($preloader_color); ?>;
128	}
129	</style>
130	<?php
131	}
132	add_action('wp_head' , 'bh_custom_preloader_option_css');
133
134	// Adding Preloader Active jQuery
135	function bhcustom_preloader_js(){
136	$preloader_delay_time = bh_get_option('bh-delay-time');
137	?>
138
139	<script type="text/javascript">
140
141	/PRELOADER JS/
142	jQuery(window).on('load', function() {
143	jQuery('.spinner').fadeOut();
144	jQuery('.preloader').delay(<?php echo esc_js($preloader_delay_time);?>).fadeOut('slow');
145	});
146	/END PRELOADER JS/
147
148	</script>
149
150	<?php
151	}
152	add_action('wp_footer' , 'bhcustom_preloader_js');
153
154