hola a todos. |
Usa esto Codigo: <!-- PRIMER PASO: Copiar dentro del tag HEAD --> <script language="javascript" src="progressbar.js"> // Preload Image w/ progress bar - By BGAudioDr http://www.bgaudiodr.iwarp.com/ </script> Luego edita esto y grabalo como progressbar.js Codigo: // Progressbar - Version 2.0 // Author: Brian Gosselin of http://scriptasylum.com // PUT THE NAMES OF ALL YOUR IMAGES THAT NEED TO BE "CACHED" IN THE "imagenames" ARRAY. // DONT FORGET THE COMMA BETWEEN EACH ENTRY, OR THE TICK MARKS AROUND EACH NAME. // WHEN ALL THE IMAGES ARE DONE LOADING, THE "imagesdone" VARIABLE IS SET TO "TRUE" var imagenames=new Array( '01.jpg' , '02.jpg' , '03.jpg'); var yposition=150; //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS var loadedcolor='gray' ; // PROGRESS BAR COLOR var unloadedcolor='white'; // BGCOLOR OF UNLOADED AREA var barheight=15; // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25) var barwidth=350; // WIDTH OF THE BAR IN PIXELS var bordercolor='black'; // COLOR OF THE BORDER //DO NOT EDIT BEYOND THIS POINT 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; visibility:hidden; 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="arial">Cargando imágenes...</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="arial">Cargando imágenes...</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; Pd.- Y si puedes usar Flash De interés Público NO AGREGARME COMO AMIGO, gracias Asuntos claros en los temas Consultas en temas no afines serán borradas Tratemos de expresarnos bien, que así da gusto leer |
k kites los caretossssssssssssssssss |
Escrito originalmente por gaf Se me olvida siempre esa cosa, gracias ya lo arreglé. Y otra cosa no cites los codes cuando son muy largos. vale ahora lo edito. |
a) No te creas el moderador del foro |
Ajá, no es más que un simple consejo. No es una norma del foro. "640K ought to be enough for anybody." - Bill Gates, 1981 |
boslbiendo al principio. la pagina funciona pero quiero que no se vea nada asta que todo este kargado, y que mientras se ejekute un flash pekeñito. Como lo puedo hacer? |
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un nuevo tema en lugar de responder al actual |
Opciones: Ir al subforo: |
Permisos: TU NO PUEDES Escribir nuevos temas TU NO PUEDES Responder a los temas TU NO PUEDES Editar tus propios mensajes TU NO PUEDES Borrar tus propios mensajes |
Temas similares |
No se han encontrado temas similares |