Индикатор загрузки страницы

dimka3210

dimka3210

Легенда
Время установки: 1 минута.
Описание: создаёт прелоадер на страницах и исчезает при полной её загрузке.
Config.php
PHP: 
// Preloader
$bb_cfg['preloader'] = true;
$bb_cfg['preloader_position'] = array("left", "top");
$bb_cfg['preloader_size'] = array("width"=>32, "height"=>32);
$bb_cfg['preloader_background'] = array("show"=>false, "color"=>"#000000");

/misc/js/main.js
--find
PHP: 
$(document).ready(function(){
--after
PHP: 
jQuery(".preloader_page").hide("3000");

/templates/default/page_header.tpl
--find
PHP: 
<body>

--after
PHP: 
<!-- IF PRELOADER_SHOW -->
    <!-- IF PRELOADER_BACKGROUND -->
    <span style="background: {PRELOADER_BACKGROUND_COLOR}; width: {PRELOADER_WIDTH}px; height: {PRELOADER_HEIGHT}px; z-index: 999; position: fixed;"
          class="preloader_page">
        <!-- ENDIF / PRELOADER_BACKGROUND -->
    <img src="./images/preloader_page.gif"
        style="position: fixed; z-index: 1000; {PRELOADER_HORISONT}: 0px; {PRELOADER_VERTICAL}: 0px; width: {PRELOADER_WIDTH}px; height: {PRELOADER_HEIGHT}px;"
        class="preloader_page"/>
        <!-- IF PRELOADER_BACKGROUND -->
    </span>
    <!-- ENDIF / PRELOADER_BACKGROUND -->
<!-- ENDIF / PRELOADER_SHOW -->

/includes/page_header.php
--find
PHP: 
$template->assign_block_vars("switch_user_logged_{$in_out}", array());
--after
PHP: 
// Preloader
$template->assign_vars(array(
    'PRELOADER_SHOW'        => $bb_cfg['preloader'],
    'PRELOADER_HORISONT'    => $bb_cfg['preloader_position'][0],
    'PRELOADER_VERTICAL'    => $bb_cfg['preloader_position'][1],
    'PRELOADER_WIDTH'      => $bb_cfg['preloader_size']['width'],
    'PRELOADER_HEIGHT'      => $bb_cfg['preloader_size']['height'],
    'PRELOADER_BACKGROUND'  => $bb_cfg['preloader_background']['show'],
    'PRELOADER_BACKGROUND_COLOR'  => $bb_cfg['preloader_background']['color']
));

Гифку скопировать в каталог /images
 

Вложения

  • preloader_page.gif
    preloader_page.gif
    16.4 KB · Просмотры: 151
Сверху