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

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

2011-02-02 1 views
0

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

Вот сайт 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

источник

2011-02-02 mikedeveloper

ответ

0 
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; 
    } 
}

источник

2011-02-02 16:40:16 Luke

+0

Я не знаю, если это работает, но я просто с помощью метода парень на этом сайте используется. Надеюсь, он попробовал этот материал. – Luke

+0

ура для вашей помощи luke, не работал, хотя я боялся, ив показал мой исправленный код выше. – mikedeveloper

Смежные вопросы

 Смежные вопросы