Implemented this feature.
Firstly, I add div block in widgets.imageshow.php
- Code: Select all
...
// arrows
if($pagination == 'on') {
echo '<div class="gk-is-prev-btn"><i class="icon-angle-left"></i></div>';
echo '<div class="gk-is-next-btn"><i class="icon-angle-right"></i></div>';
}
echo '<div id="fg">test</div>';
// preloader
echo '<div class="gk-is-loader"></div>';
// the last wrapper
echo '</div>';
echo '</div>';
//
echo $after_widget;
...
Then add this css code
- Code: Select all
#fg {
z-index: 15; increase until our block become visible
position: absolute;
top: 0;
left: 0;
}
O/R you can add widget area
if ( gk_is_active_sidebar('in_intro') ) {
gk_dynamic_sidebar('in_intro');
}
more you can find
hereBy default your div block shows straight away you refresh the page instead of show 'loader'.
So you have to modify aforementioned css code
- Code: Select all
#fg {
z-index: 15; increase until our block become visible
position: absolute;
top: 0;
left: -5000px;
}
And add this code to gk.scripts.js in jQuery.load funtion.
So we'll see our div block only when loader is done.