"Autor" |
Javascipt Hilfe |
|
geschrieben am: 26.06.2001 um 23:29 Uhr
|
|
also zu meiner Schande muss ich gestehn das ich auf dem Gebiet nen Anfänger bin, bin am lernen aber so wirklich klappts noch nich! kann mir vielleicht nen Wissender helfen!!
------------------->
[i]
var imagenames=new Array("vollständige Url" 32x);
var yposition=250;
var loadedcolor='gray';
var unloadedcolor='white';
var barheight=15;
var barwidth=350;
var bordercolor='black';
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var imagesdone=false;
var blocksize=barwidth/(imagenames.length);
barheight=Math.max(barheight,25);
var loaded=0, perouter, perdone, images=new Array();
var txt=(NS4)?'<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide">' : '<div id="perouter" style="position:absolute; visibilitydden; background-color:'+bordercolor+'">';
txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td width="'+barwidth+'" height="'+barheight+'" valign="center">';
if(NS4)txt+='<ilayer width="100%" height="100%"><layer width="100%" height="100%" bgcolor="'+unloadedcolor+'" top="0" left="0">';
txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+unloadedcolor+'"><center><font color="'+loadedcolor+'" size="1" face="sans-serif">Loading Images...</font></center></td></tr></table>';
if(NS4) txt+='</layer>';
txt+=(NS4)? '<layer name="perdone" width="100%" height="'+barheight+'" bgcolor="'+loadedcolor+'" top="0" left="0">' : '<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:100">';
txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+loadedcolor+'"><center><font color="'+unloadedcolor+'" size="1" face="sans-serif">Loading Images...</font></center></td></tr></table>';
txt+=(NS4)? '</layer></ilayer>' : '</div>';
txt+='</td></tr></table>';
txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);
function loadimages(){
if(NS4){
perouter=document.perouter;
perdone=document.perouter.document.layers[0].document.perdone;
}
if(NS6){
perouter=document.getElementById('perouter');
perdone=document.getElementById('perdone');
}
if(IE4){
perouter=document.all.perouter;
perdone=document.all.perdone;
}
cliplayer(perdone,0,0,barheight,0);
window.onresize=setouterpos;
setouterpos();
for(n=0;n<imagenames.length;n++){
images[n]=new Image();
images[n].src=imagenames[n];
setTimeout('checkload('+n+')' ,n*100);
}}
function setouterpos(){
var ww=(IE4)? document.body.clientWidth : window.innerWidth;
var x=(ww-barwidth)/2;
if(NS4){
perouter.moveTo(x,yposition);
perouter.visibility="show";
}
if(IE4||NS6){
perouter.style.left=x+'px';
perouter.style.top=yposition+'px';
perouter.style.visibility="visible";
}}
function dispbars(){
loaded++;
cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
if(loaded>=imagenames.length)setTimeout('hideperouter()', 800);
}
function checkload(index){
(images[index].complete)? dispbars() : setTimeout('checkload('+index+')', 100);
}
function hideperouter(){
(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
imagesdone=true;
}
function cliplayer(layer, ct, cr, cb, cl){
if(NS4){
layer.clip.left=cl;
layer.clip.top=ct;
layer.clip.right=cr;
layer.clip.bottom=cb;
}
if(IE4||NS6)layer.style.clip='rect('+ct+' '+cr+' '+cb+' '+cl+')';
}
window.onload=loadimages;
[/i]
[b]das ganze funktioniert eigentlich fantabuletarisch nur das es sich immer beim letzten Bild zum chachen aufhängt, egal obs nun 5 oder 50 Bilder sind!!! Vielleicht macht sich ja einer die Mühe und hilft mir, wäre nett!! Wenn nich auch egal is nur ne Idee
ALTERNATIV: KANN MIR EINER NEN GUTES SCRIPT ZUM PRELOADEN (mit grafik) VON BILDERN SCHICKEN DAS ---->FUNKTIONIERT<---- ???
(die urls zu den Bildern stimmen musste sie nur wegen dem Forum weglassen.. wie gesagt, er läd alle nur hält immer beim letzten an) |
|
|
|
|
Top
|
"Autor" |
|
|
geschrieben am: 26.06.2001 um 23:43 Uhr
|
|
[i]Kann Dir nicht helfen! Tschüssi |
|
|
|
|
Top
|
"Autor" |
|
|
geschrieben am: 27.06.2001 um 07:56 Uhr
|
|
kann dir och net helfen..cu
|
|
|
|
|
Top
|
"Autor" |
|
|
geschrieben am: 27.06.2001 um 09:21 Uhr
|
|
öhm Zivi ein einfach mittel um Bilder vorzuladen ist, du baust die Bilder eine Seite vorher ein, bevor sie aufgerufen werden und zwar mit den Angaben widht="1" hight="1".
Das sieht dann so aus:
[rot]<img src="name.gif/jpg" widht="1" hight="1">[/rot]
damit werden die bilder mit 1 x 1 Pixel schon gecacht und laden dann schneller. Wenn man die Bilder gut versteckt einbaut, dann fällt das noch netmal auf und die Besucher brauchen kein javascript, kann ja sein, das es jemand am browser ausgestellt hat, dan funzt dein script auch nicht
Gruß Trix |
|
|
|
|
Top
|
"Autor" |
|
|
geschrieben am: 05.07.2001 um 01:31 Uhr
|
|
tja zivi mein kleener "klau" dat nächste mal bitte den kompletten script, da fehlt noch ein bisschen |
|
|
|
|
Top
|