Как показать страницу preloader только один раз при вводе через доменное имя?

Итак, я решил проблему самостоятельно. Но, в любом случае, спасибо @prabeen-giri, которые помогли мне думать правильно. Во-первых, мне нужно объяснить механизм загрузчиков. Просто посмотрите на CSS:

position: fixed;
display: block;
top: 0;    /* making preloader cover all screen */
right: 0;
left: 0;
bottom: 0;
background-repeat: no-repeat;
background-position:center; center;
background-size: auto auto;
background-image: url(../images/preload.png); /* your picture should be here */
background-color:#000; 
z-index:99; /* must be the highest number of all others to cover them all */

Итак, ваш загрузчик просто изображение или что-то еще, которые охватывают все окно и плавно исчезают (по jQuery) при загрузке всего содержимого.

<div id="preloader" class="preloader"></div>

а вот скрипт:

<script type="text/javascript">  
     $(window).load(function() {
          $("#preloader").delay(700).fadeOut("slow");}); 
</script>

чтобы решить мою проблему и показать preloader только один раз, когда ввод сайта через доменное имя нам необходимо использовать cookies. Есть 2 cookie вспомогательная функция (от Quirksmode):

function createCookie(name,value,days) {
if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

Итак, нам нужно ввести наш собственный файл cookie, чтобы создать условия для запуска скрипта. Изначально созданный нами файл cookie равен null и это равенство будет условием для запуска скрипта. После этого мы устанавливаем cookie некоторое значение, чтобы не запускать jQuery снова. Вот код:

<script type="text/javascript">  
    $(window).load(function() {
        if (readCookie('referer') == null){
            $("#preloader").delay(700).fadeOut("slow");}
        createCookie('referer',1,0);
     }); 
</script>

но как удалить наш preloader изображение и фон после обновления страницы? Потому что мы просто отключаем jQuery fadeOut proccess нашими условиями. Изображение и черный фон продолжают покрывать наше окно и не собираются исчезать...

давайте создадим новое состояние и поместите его в

<script>
    if (readCookie('referer') == null) {
        document.write("<style>.preloader {background-image: url(../images/preload.png); background-color:#000; z-index:99;}</style>");
    }
</script>

этим мы устанавливаем наше изображение, Z-индекс и фон в класс preloader. Наш cookie равен null только при входе пользователя на сайт через доменное имя или очистили его cookie и обновите страницу (что кажется маловероятным). И если cookie равен 1, как мы установили выше, наш загрузчик появится, но без изображения и фона, и наш jQuery fadeOut не будет работать тоже! Итак, моя проблема решена, как я и хотел, preloader появится только один раз. Еще раз спасибо @prabeen-giri!