Как сделать предварительный загрузчик для веб-страницы в dart

Question

У меня есть сайт, который я создаю с помощью HTML, CSS3 и Dart. Теперь, как бы сделать предварительный загрузчик, который будет работать до того, как будет загружен весь контент для страницы?

Я даже думал использовать что-то вроде этого: http://cssload.net/ так я открыт для любых предложений ...

Update: Нечто подобное, но в Dart: http://gayadesign.com/scripts/queryLoader2/ http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/

Answer 1

Добавить html-код, как это на вашей странице html после тега тела. выберите любое изображение, которое вам нравится.

<div id="preloader"> 
    <img id="spinner" src="http://cssload.net/preloaders/circular.gif" alt="" /> 
</div> 

использовать этот код JQuery ...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
/* the preloader division is visible until the whole page loades and then fades out using this code */ 
$(window).load(function() { 
    $('#preloader').fadeOut(300, function() { 
     $(this).remove(); 
    }); 
}); 
</script> 

, а затем добавить этот CSS код

#preloader,#spinner { 
    position:fixed; 
    top:0; left:0; right:0; bottom:0; margin:auto; 
    background:#fff; 
    z-index:9999; 
    overflow:hidden; 
} 

он будет работать ...