Отображение загрузки gif во время загрузки страницы

У меня есть меню с вкладками.

<ul>
    <a href="views/wrap1.php"><li class="wrap1"> Home &nbsp&nbsp </li></a>&nbsp
    <a href="views/wrap2.php"><li class="wrap2"> Packages</li></a>&nbsp
    <a href="views/wrap3.php"><li class="wrap3"> Clients &nbsp </li></a>&nbsp
    <a href="views/wrap4.php"><li class="wrap4"> Creations</li></a>&nbsp
    <a href="views/wrap5.php"><li class="wrap5"> Reach Us &nbsp </li></a>&nbsp
</ul>

И с помощью Jquery.load() я загружаю пять страниц wrap1.php, wrap2.php, wrap3.php, wrap4.php, wrap5.php в общий div контейнер.

Код Jquery, который я использую,

$('.wrap1').css({'border':'2px solid black'}) ;
     $('#tabs li').click(function(){


     $('#container').load('views/'+$(this).attr("class")+'.php', function(){

     $('#container').fadeIn('slow') ;
        });
        return false;
    });

Все работает нормально, но я хочу отображать загружаемый gif при загрузке страницы и скрывать этот gif при загрузке страницы. Я прочитал здесь много вопросов и перепробовал все и вся, но у меня ничего не получилось. Также скажите мне, где я должен разместить скрипт, чтобы он мог работать


jquery ajax tabs loading
person Saurabh Shukla    schedule 15.10.2012    source источник
comment
Что именно вы пробовали? Мне трудно поверить, что ничего не сработало, так как сделать это очень просто. Также все скрипты должны идти в <head>   -  person Colleen    schedule 15.10.2012
comment
@коллин. Я пробовал много способов поставить загрузчик, но ни один из них не работал.   -  person Saurabh Shukla    schedule 15.10.2012

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать jQuery для этого. jQuery предоставляет вам множество анимационных событий или функций.

Нажмите здесь загрузчик изображений jQuery посмотрите хороший пример, который вы можете использовать в своем коде.

person Dipak Patil    schedule 15.10.2012