🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Thread View: pl.comp.lang.javascript
2 messages
2 total messages Started by pajdzioch Tue, 01 Jan 2002 23:34
wczytywanie grafiki
#188
Author: pajdzioch
Date: Tue, 01 Jan 2002 23:34
12 lines
1007 bytes
Witam

Czy moglby mi ktos podac skrypt JS wczytujace grafike przed zaladowaniem strony?

Za kazda pomoc z gory dzieki

Pozdrawiam

Pajdzioch

-- 
Wysłano z serwisu OnetNiusy: http://niusy.onet.pl
Re: wczytywanie grafiki
#189
Author: sulti
Date: Wed, 09 Jan 2002 21:57
86 lines
3402 bytes
Użytkownik <pajdzioch@poczta.onet.pl> napisał w wiadomości
news:1778.0000165d.3c324780@newsgate.onet.pl...
> Witam
> Czy moglby mi ktos podac skrypt JS wczytujace grafike przed zaladowaniem
strony?
> Za kazda pomoc z gory dzieki
> Pozdrawiam
> Pajdzioch
>
czesc!
oto skrypt, a w zasadzie czesc kodu strony, ktorej uzywalem
do preloadowania grafik na stronie, do momentu kiedy sie
rozmyslilem i zrezygnowalem z grafiki ;-))) ale nevermind....

w ramach <head> wklejasz:
=============================================
<script language="JavaScript" type="text/javascript">
<!--
var Imgi = new Array(); // Tablica obrazków
var Bledy = 0;          // Liczba błędów
var preloadTimer;       // Timer używany dalej

// Adres pod który przejść po zakończeniu ładowania.
var przejdzDoUrl = 'detekcja.htm';

// Pliki, które mają zostać załadowane:
preload('gfx/back.gif');
preload('gfx/book.gif');
preload('gfx/download.gif');
//i tak dalej...

preloadStart();

// rozpoczyna ściąganie obrazka
function preload(url) {
   if (document.images) {
      var i = Imgi.length;
      Imgi[i] = new Image();
      Imgi[i].onerror = preloadOnError;
      Imgi[i].src = url;
   }
}

// wywoływana, jeśli wystąpił jakiś błąd - zlicza błędy
function preloadOnError() {
   Bledy++;
}

// rozpoczyna ściąganie plików
function preloadStart() {
    if (document.images) {
       preloadCheck();
    }
}

// sprawdza, czy ładowanie się już zakończyło
function preloadCheck() {
   var i=0;
   var l=Imgi.length;
   var gotowe=0;
   // Trochę zagęszczonego kodu:
   for (i=0;i<l;i++)
      if (Imgi[i].complete) gotowe++;
   gotowe+=Bledy;  //przyjmijmy, że obrazek przy którym
                   //wystąpił błąd jest gotowy
   if (gotowe>=l) // to już wszystkie
       self.location.replace(przejdzDoUrl);
   else // któryś nie był ukończony
      preloadTimer = setTimeout('preloadCheck()',100);
}
//--></script>
=============================================

a teraz w ramach <body> wklejasz: [tabela wyrownujaca w pionie i poziomie]
=============================================
<table border=0 align=center width="100%" height="100%">
<tr><td valign=middle align=center>Trwa ładowanie, proszę
czekać...</td></tr>
</table>
=============================================
oczywiscie ta strona powinna byc umieszczona jako "index.html" na
serverze...

pozdroofka
sulti
Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads