Preload tag IMG без указания имени изображения

Question

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

У меня есть alrady попробовал скрипт как JPreloader или плагин jQuery, но я хочу написать в массиве имя image.jpg и preload all img теги без указания имени изображения!

Answer 1

В вашем CSS

body {display: none;} 

В категории Script

$(window).load(function(){ 
    $(body).show(); 
}); 

Answer 2

Причина плохого результата в том, что люди не понимают вашу тему. Кстати. Это не имеет никакого смысла для меня, но вы можете использовать это:

// CSS 
body: opacity: 0; 

// jQuery 
$(window).load(function() { 
    // this will fired, when everything is loaded by the clients browser 
    $('body').css('opacity','1') 
    // or you can animate it 
    $('body').fadeTo(500,1); // 500 for 500ms 
}) 

Answer 3

Если вы хотите, чтобы скрыть только некоторые части страницы (было бы неплохо показать по крайней мере пользователю), вы можете изменить решение следующим образом:

HTML:

<div class="img-container"> 
    <img src="..."> 
</div> 

CSS:

body:not(.body-ready) .img-container { 
    display: none; 
} 

JS:

window.addEventListener('load', function(){ 
    document.body.setAttribute('class', 'body-ready'); 
}); 

jsfiddle