[es] - Image Preloading

yu_rainman
Beograd

Član broj: 24139
Poruke: 65
*.vdial.verat.net

Sajt: avala.yubc.net/~pvlada

Profil

^{12.04.2004. u 12:48 - pre 243 meseci}

Opet ja sa Image preloadingom:)
OK, nasao sam skriptu i ona glasi:

<script>

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages=new Image()
myimages.src=preloadimages.arguments
}
}

//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")

E sad, ja sam izmenjao nesto kao u primeru ali nije uspelo. Da li neko moze da mi kaze sta treba gde da ubacim npr. za sliku HOME.GIF.

p.s. Slike su mi u direktorijumu IMAGE
Kao sto rekose:
It`s nice to be important, but it`s more important to be nice...

Odgovor na temu

snipa
SCG/Kosovo

Član broj: 17942
Poruke: 132
*.mobtel.co.yu

Sajt: www.kosovo.co.yu

Profil

Re: Image Preloading - drugi deo :)

^{12.04.2004. u 13:35 - pre 243 meseci}

mislim da si pogresio u path of images, ne ide www.mydomain.com/image .. vec samo path , npr ako ti je preload script u index.html a slicice su ti u /images/ onda umesto http://www.mydomain.com/firstimage.gif... stavi samo /images/firstimage.gif

evo ja sam koristio ovu scriptu, ima i preload bar , pa mozda ti bude od koristi ..

Code:
<script language="JavaScript">
// reads cookie value
function getColorCookie(){
var pos = document.cookie.indexOf("nano_cookie_color=");
if(pos != -1){
var start = pos+18;
var end = document.cookie.indexOf(";",start);
if(end == -1)
end = document.cookie.length;
var cookieValue = document.cookie.substring(start, end);
return unescape(cookieValue);
}
return unescape('#ffffff');
}
document.bgColor=getColorCookie();
// reads cookie value
function getColorCookie(){
var pos = document.cookie.indexOf("nano_cookie_color=");
if(pos != -1){
var start = pos+18;
var end = document.cookie.indexOf(";",start);
if(end == -1)
end = document.cookie.length;
var cookieValue = document.cookie.substring(start, end);
return unescape(cookieValue);
}
return unescape('#ffffff');
}
document.bgColor=getColorCookie();
var imagenames=new Array('images/index_01.jpg','images/index_02.jpg','images/stock_on.jpg','images/web_on.jpg','images/guest_on.jpg','images/port_on.jpg');
var yposition=520;
var loadedcolor='ffffff'; // old was D4D0C8
var unloadedcolor='white';
var barheight=3;
var barwidth=120;
var bordercolor='#000000';
var imagesdone=false;
var blocksize=barwidth/(imagenames.length);
barheight=Math.max(barheight,5);
var loaded=0, perouter, perdone, images=new Array();
var txt='<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'; z-index:9">';
txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td width="'+barwidth+'" height="'+barheight+'" valign="center">';
txt+='<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:10">';
txt+='</div>';
txt+='</td></tr></table>';
txt+='</div>';
document.write(txt);
function loadimages(){
document.bgColor=getColorCookie();
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*10);
}}
function setouterpos(){
var ww=document.body.clientWidth;
var x=(ww-barwidth)/1.48;
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(){
imagesdone=true;
if (imagesdone == true) self.location = 'main.html' /*tpa=http://www.holliday.co.yu/sniper/main.html*/;
}
function cliplayer(layer, ct, cr, cb, cl){
layer.style.clip='rect('+ct+' '+cr+' '+cb+' '+cl+')';
}
window.onload=loadimages;

</script>

/// king of snake

Odgovor na temu