Avatar billede zkizo Nybegynder
26. juli 2003 - 16:06 Der er 3 kommentarer

Preloader som http://www.markbrain.de

Er der nogen der kan hjælpe med en preloader som http://www.markbrain.de ??
Avatar billede TRoXa Novice
26. juli 2003 - 16:08 #1
<html>
<head>
<title>Official Mark Brain Website [Preloader]</title>
<STYLE>A:link {
COLOR: black; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetical; TEXT-DECORATION: none
}
A:visited {
COLOR: black; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; TEXT-DECORATION: none
}
A:active {
COLOR: black; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica; TEXT-DECORATION: none
}
A:hover {
COLOR: black; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; TEXT-DECORATION: underline
}
</STYLE>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script language=JavaScript1.2>

<!-- begin hiding
startingColor = new Array()
endingColor = new Array()

var yourImages = new Array("bg_fotogalerie.jpg","bg_guestbook.jpg","bg_kalender.jpg","Fanfoto mit Fan Anita.jpg","bg_specials.jpg","bg_home.jpg","bg_freemail.jpg","bg_charts.jpg","bg_disco.jpg","bg_bio.jpg","bg_presse.jpg","bg_referenzen.jpg","bg_kontakt.jpg")
var locationAfterPreload = "home.html"
var preloadbarWidth = 300
var preloadbarHeight = 13
var backgroundOfGradient = "#ffffff"
startingColor[0] = "F"
startingColor[1] = "F"
startingColor[2] = "F"
endingColor[0] = "0"
endingColor[1] = "0"
endingColor[2] = "0"

var gap = 7
if (!document.all) location.replace(locationAfterPreload)
var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;
var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
var num = Math.floor(preloadbarWidth/gap);
for (i = 0; i < 3; i++) {
startingColor[i] = startingColor[i].toLowerCase();
endingColor[i] = endingColor[i].toLowerCase();
startingColor[i] = eval(startingColor[i]);
endingColor[i] = eval(endingColor[i]);
diff[i] = (endingColor[i]-startingColor[i])/num;
ones[i] = Math.floor(diff[i]);
sixteens[i] = Math.round((diff[i] - ones[i])*15);
}

endingColor[0] = 0;
endingColor[1] = 0;
endingColor[2] = 0;
i = 0, j = 0;
while (i <= num) {
hilite[i] = "#";
while (j < 3) {
hilite[i] += convert[startingColor[j]];
hilite[i] += convert[endingColor[j]];
startingColor[j] += ones[j];
endingColor[j] += sixteens[j];
if (endingColor[j] > 15) {
endingColor[j] -= 15;
startingColor[j]++;
}
j++;
}
j = 0;
i++;
}
function loadImages() {
for (i = 0; i < imgLen; i++) {
preImages[i] = new Image();
preImages[i].src = yourImages[i];
loaded[i] = 0;
cover[i] = Math.floor(num/imgLen)*(i+1)
}
cover[cover.length-1] += num%imgLen
checkLoad();
}
function checkLoad() {
if (pending) { changeto(); return }
if (currCount == imgLen) { location.replace(locationAfterPreload); return }
for (i = 0; i < imgLen; i++) {
if (!loaded[i] && preImages[i].complete) {
loaded[i] = 1; pending++; currCount++;
checkLoad();
return;
}
}
setTimeout("checkLoad()",10);
}
function changeto() {
if (h+1 > cover[currCount-1]) {
var percent = Math.round(100/imgLen)*currCount;
if (percent > 100) while (percent != 100) percent--;
if (currCount == imgLen && percent < 100) percent = 100;
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
// end hiding -->
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td>
      <div align="center">
        <table background="start.jpg" width="609" border="0" cellspacing="0" cellpadding="0" height="479">
          <tr>
            <td align="center" valign="bottom"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font size="1">SITE
              LOADING </font><br>

<script language=JavaScript1.2>

<!-- beging hiding

document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');

for (i = 0; i < num; i++) {

document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');

}

document.write('</tr></table>');

document.write('<small><a href="java script:location.replace(locationAfterPreload)">Skip Loading</a></small></font>')

loadImages();

// end hiding -->

</script>
              </font></b></td>
          </tr>
        </table>
        </div>
</td></tr></table>

</body>
</html>

det er source koden for hans preloader
Avatar billede zkizo Nybegynder
26. juli 2003 - 16:21 #2
Hvordan ændrer man i hvad den skal hente osv?? Hvis nu vi siger der er 4 billeder som hedder "pis, pic2, pic3 & pic4" er der så nogen de rkan hjælpe med at få det til at fungere?
Avatar billede zkizo Nybegynder
26. juli 2003 - 16:22 #3
Der er ikke nogen mere simpel?? Som f.eks. en "Menu bar ting" Hvor den tæller point også åbner siden.. Syntes det er en stor kode!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Riskpoint A/S (Riskpoint Solutions Limited)

IT Business Analyst

Politiets Efterretningstjeneste

Fullstack softwareudvikler i PET

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Unified Communications specialist til IT-Operations i Cyberdivisionen

Capgemini Danmark A/S

AI Data Architect