предварительный загрузчик нескольких изображений в javascript, код нуждается в переупорядочении ... help - PullRequest
Новая
       39

предварительный загрузчик нескольких изображений в javascript, код нуждается в переупорядочении ... help

0 голосов
/ 02 февраля 2011

Я наткнулся на учебник по загрузке изображения в кеш, а по завершении перенаправления на другую страницу. Я хотел бы сделать это с массивом изображений, тогда, когда они все загружены, перенаправить на новую страницу. Это упоминается в учебнике, но не в завершении. Я попытался реорганизовать этот код, чтобы сделать это, но, поскольку я являюсь полным нубом javascript, я не могу объединить их и заставить его работать.

Вот сайт http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

Если бы кто-то мог опубликовать код, я был бы очень благодарен. Кроме того, я считаю, что многие люди считают полезным использовать его в качестве предварительного загрузчика для сайтов с большими фоновыми изображениями.

Приветствия

UPDATE

Спасибо, Люк, я попробовал приведенный ниже код, но, к сожалению, до сих пор нет радости ... есть идеи ??? 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script language = "JavaScript">

function preloader() 

{

var loadedCount = 0;
var myImagesToPreload = ["images/threewheelerback.jpg", "images/grunge.png", "images/smalllogo2.jpg"];

function loaded() {
 loadedCount++;
 if (loadedCount == myImagesToPreload) {
     location.href="history.html";
 }
}

function preloader() 
{
     for(i=0, imageObj; i<=myImagesToPreload.length; i++) 
     {
          imageObj = new Image()
          imageObj.src=myImagesToPreload[i];
          imageObj.onload = loaded;
     }
} 
}

</script>

<title>Untitled Document</title>
</head>
<body onLoad="javascript:preloader()">



<body>
Loading....
</body>
</html>

Blockquote

Ответы [ 2 ]

0 голосов
/ 04 февраля 2011

Я нашел один, который работает удовольствие.

Вот если кто-то хочет сделать то же самое

0 голосов
/ 02 февраля 2011 
var loadedCount = 0;
var myImagesToPreload = ["image1.jpg", "image2.jpg", "image3.jpg"];

function loaded() {
 loadedCount++;
 if (loadedCount == myImagesToPreload) {
    // Here you can leave the page...
 }
}

function preloader() 
{
     for(i=0, imageObj; i<=myImagesToPreload.length; i++) 
     {
          imageObj = new Image()
          imageObj.src=myImagesToPreload[i];
          imageObj.onload = loaded;
     }
}
...