Предварительная загрузка изображений до CC - за souders

Question

Я видел PPT от steve souders о загрузке изображений перед css для аналогичной ситуации, в которой я нуждаюсь .... но я не понимаю, что это за код. Я предполагаю, что он загрузил что-то перед CSS и в его РРТ он говорит, что это

new Image().src = "http://webcelerity.com/blog/wp-content/themes/carrington-blog-faster/images/sprite.png 

, но это было бы удивительным, если кто-то может показать мне, что голова документ будет выглядеть на самом деле

для исх; here Является ли РРТ

спасибо за вашу помощь заранее

Answer 1

Метод предзагрузку изображений была вокруг в течение веков, первый раз я видел это, когда я использовал Dreamweaver MX, чтобы сделать опрокидывание эффекты.

Используя этот метод, вы можете распараллелить загрузку изображений и кешировать их в браузере (без необходимости фактического отображения их в этот момент).

Что касается вашего вопроса, глава документа будет выглядеть примерно так:

<script type="text/javascript"> 
var images = ['img1.jpg', 'img2.jpg']; 

for(var i = 0, len = images.length; i < len; i++) { 
    new Image().src = images[i]; 
} 
</script> 
<link rel="stylesheet" type="text/css" href="your_css_file.css" />