Enviado por Trebor el día 23 de octubre de 2005
como puedo hacer que lo de (90 of 99 images are loaded) que ponga en la pagina web no en la barra de estado?
Esto es el codigo:
<html>
<head>
<title>Preloader mit Ladeanzeige</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
</head>
<body bgcolor=\"#000000\" text=\"#00FF00\">
<p align=\"center\">
<script language=JavaScript1.2>
//3D Starfield - by Mikhail Ansolis, based on Flying planes - by John Ely
//Modified from: Autumn leaves script- by Kurt Grigg (kurt.grigg@virgin.net)
//Visit http://www.dynamicdrive.com for this script
//Pre-load your image below!
//CHANGE 5 to the number of images listed below
grphcs=new Array(5)
//PRELOAD the involved images (extend or contract variables according to # of images used)
Image0=new Image();
Image0.src=grphcs[0]=\"Star0.gif\"
Image1=new Image();
Image1.src=grphcs[1]=\"Star1.gif\"
Image2=new Image();
Image2.src=grphcs[2]=\"Star2.gif\"
Image3=new Image();
Image3.src=grphcs[3]=\"Star3.gif\"
Image4=new Image();
Image4.src=grphcs[4]=\"Star4.gif\"
//SPECIFY number of images to randomly display concurrently from list above. Less the more efficient
Amount=20;
Ypos=new Array();
Xpos=new Array();
Zpos=new Array();
//SpeedX=new Array();
//SpeedY=new Array();
ScrXpos=new Array();
ScrYpos=new Array();
Speed=new Array();
Size=new Array();
Step=new Array();
ns=(document.layers)?1:0;
ie=document.all&&navigator.userAgent.indexOf(\"Opera\")==-1
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write(\"<LAYER NAME=\'sn\"+i+\"\' LEFT=0 TOP=0><img src=\"+rndPic+\"></LAYER>\");
} //end for
} //end if
else if (ie){ //IE
document.write(\'<div style=\"position:absolute;top:0px;left:0px\"><div style=\"position:relative\">\');
for (i = 0; i < Amount; i++){
document.write(\'<img id=\"si\'+i+\'\" src=\"\'+grphcs[Math.round((i+1)*(grphcs.length-1)/Amount)]+\'\"style=\"position:absolute;top:0px;left:0px\">\');
}
document.write(\'</div></div>\');
}
//initialize star properties
if (ie||ns){
WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight;
WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10
Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount;
Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount;
Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100;
}
}
function fly(){
var WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight;
var WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns)?window.pageYOffset:document.body.scrollTop;
for (i=0; i < Amount; i++){
Zpos[i]-=Speed[i];
if (ScrXpos[i]>WinWidth || ScrXpos[i]<0 || ScrYpos[i]>WinHeight || ScrYpos[i]<0 || Zpos[i]<=0) { //generate new stars
Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10
Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount;
Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount;
Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100;
}
ScrXpos[i]=Xpos[i]/Zpos[i]*100 + WinWidth/2;
ScrYpos[i]=Ypos[i]/Zpos[i]*100 + WinHeight/2;
if (ns){
document.layers[\'sn\'+i].left=ScrXpos[i];
document.layers[\'sn\'+i].top=ScrYpos[i]+hscrll;
}
else{ //IE
eval(\"document.all.si\"+i).style.left=ScrXpos[i];
eval(\"document.all.si\"+i).style.top=ScrYpos[i]+hscrll;
}
} //end for
setTimeout(\'fly()\',20);
} //end fly
if (ie||ns)
window.onload=fly
//-->
<!-- begin hiding
startingColor = new Array() // <-- NICHT VERÄNDERN!
endingColor = new Array() // <-- NICHT VERÄNDERN!
// Hier deine Grafiken rein:
var yourImages = new Array(\"images/disk1.gif\",\"images/enemy1.gif\",\"images/enemy2.gif\",\"images/enemy3.gif\",\"images/enemy4.gif\",\"images/enemy5.gif\",\"images/jet1.gif\",\"images/jet2.gif\",\"images/jet3.gif\",\"images/menubg.gif\",\"images/missile1.gif\",\"images/mybullet1.gif\",\"images/mybullet2.gif\",\"images/mybullet3.gif\",\"images/mybullet4.bmp\",\"images/plasma1.bmp\",\"images/plasma2.gif\",\"images/plasma3.gif\",\"images/plasma4.gif\",\"images/plasma5.gif\",\"images/health-0.bmp\",\"images/health-25.bmp\",\"images/health-50.bmp\",\"images/health-75.bmp\",\"images/health-100.bmp\",\"images/explosion21.gif\",\"images/explosion22.gif\",\"images/explosion23.gif\",\"images/explosion24.gif\",\"images/explosion25.gif\",\"images/explosion26.gif\",\"images/explosion27.gif\",\"images/explosion28.gif\",\"images/explosion29.gif\",\"images/explosion210.gif\",\"images/explosion211.gif\",\"images/explosion212.gif\",\"images/explosion213.gif\",\"images/explosion214.gif\",\"images/explosion215.gif\",\"images/explosion216.gif\",\"images/explosion217.gif\",\"images/explosion218.gif\",\"images/explosion219.gif\",\"images/explosion220.gif\",\"images/explosion221.gif\",\"images/explosion222.gif\",\"images/explosion223.gif\",\"images/explosion224.gif\",\"images/explosion225.gif\",\"images/explosion226.gif\",\"images/explosion227.gif\",\"images/explosion228.gif\",\"images/explosion229.gif\",\"images/explosion230.gif\") // Ersetzen und erweitern durch deine Grafiken
var locationAfterPreload = \"gd.html\" // Hier den Pfad zur Seite die nach dem Vorladen geladen werden soll
var preloadbarWidth = 300 // Länge des Balkens
var preloadbarHeight = 13 // Höhe desselbigen
var backgroundOfGradient = \"#000000\"
// Farbe mir der der Balken beginnt! Gib erste, dritte und fünfte Zahl/Buchstaben der Farbe an
startingColor[0] = \"F\"
startingColor[1] = \"F\"
startingColor[2] = \"F\"
// Wie oben nur die Farbe mit dem es endet
endingColor[0] = \"0\"
endingColor[1] = \"0\"
endingColor[2] = \"0\"
var gap = 7 // mind. 2! verändern, wenn es nen JS-Error gibt.
// NIX MEHR VERÄNDERN
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>
<p align=\"center\"><font size=\"7\">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>\');
loadImages();
// end hiding -->
</script>
</p>
</body>
</html>
Foros de debate
Javascript
