javascript — предварительная загрузка тега IMG без указания названия картинок
Мне нужен скрипт, который загружает все изображения веб-страницы, а затем отображает его. Я хотел бы сценарий предварительно загрузить все TAG а затем сделать веб-страницу видимой.
Я уже пробовал скрипт, как JPreloader или плагин jQuery, но я хочу записать в массиве имя image.jpg и предварительно загрузить все img теги без указания названия изображений!
Решение
В вашем css
body {display: none;}
В скрипте тега
$(window).load(function(){
$(body).show();
});
Другие решения
Причина плохого результата в том, что люди не понимают твою тему. Кстати. Это не имеет никакого смысла для меня, но вы можете использовать это:
// 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
} )
Если вы хотите скрыть только некоторые части страницы (было бы неплохо показать хотя бы что-то пользователю), вы можете изменить решение следующим образом:
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');
});