Su preload

[Simosito]

Premetto che non ci capisco niente di preload.
Inoltre (credo) ho capito che:

- Non si puo' abbinare alla percentuale un messaggio di testo.

Ora: non mi piacciono affato quei preload gia' fatti.
Mi piacerebbe fare un preload:

op1) Tipo Windows subito dopo il boot
op2) Tipo linux quando istalla i pacchetti da internet via konsole
op3) Ibrido fra op1 e op2

Esempi

[b][size="3"]OP1[/b][/size]

| | | | | | | | | | | | | | | | | | | | | | |  0% 

# man mano che carica i | | | vengono uniti

[b][size="3"]OP2[/b][/size]

39% [==========>                   ]

#quando è al 100% però la > dovrebbe sparire

[b][size="3"]OP3[/b][/size]

39% [| | | | | | | | | | | | | |             ]

#effetto sui | | | come op1

Inizio io:

//array con immagini (lista a mano)
function initArray() {
 for (var i = 0; i < initArray.arguments.length; i++)
  this[i] = initArray.arguments[i];
 this.length = initArray.arguments.length;
}
var pics = new initArray(
 "immagine01.jpg",
 "immagine02.jpg",
 "immagine03.jpg");
var caricata = "index.html"; //la pag a cui rimanda
//Carica la pagina
function transfer(param) {
 if (vers>1.0)
  location.replace(caricata);
 else
  location.href = caricata;
}

function done() {
 if (vers < 1.1)
  transfer();
 else
  commence_loading();
}

function commence_loading() {
 for (g=0;g<pics.length;g++)
  eval('document.preload'+g+'.src = "'+pics[g]+'";');
}

ora? Si puo' fare anke con file di altro tipo (es. audio/video)?
Si puo' fare in modo di prendere un file di testo o xml per la lista dei files?

Qual'è il più semplice da fare?
Chi mi da una mano?

 

[Simosito]

up :crying:

 

[Simosito]

se no si potrebbe fare simil-grafico come da esempi di bar QUI ?

 

[Simosito]

o più semplicemente una cosa tipo Questa
che però faccia il redirect solo dopo aver finito il preload...

 

[Simosito]

Allora.
Questo è lo script nella pagina

<script type="text/javascript">

function redirectpage(){
bar3.togglePause()
window.location="http://www.html.it"
}

var bar3= createBar(320,15,'white',1,'black','green',85,7,[b]2[/b],"[u]redirectpage()[/u]");
</script>

in pratica, uno script esterno si occupa di far "girare" la bar e dopo tot volte (vedi sopra in grassetto) e poi esegue la funzione specificata (sottolineata)

C'è un modo per fargli fare il redirect e POI la funzione specificata.
Ecco lo script esterno

// xp_progressbar
// Copyright 2004 Brian Gosselin of ScriptAsylum.com
//
// v1.0 - Initial release
// v1.1 - Added ability to pause the scrolling action (requires you to assign
//        the bar to a unique arbitrary variable).
//      - Added ability to specify an action to perform after a x amount of
//      - bar scrolls. This requires two added arguments.
// v1.2 - Added ability to hide/show each bar (requires you to assign the bar
//        to a unique arbitrary variable).

// var xyz = createBar(
// total_width,
// total_height,
// background_color,
// border_width,
// border_color,
// block_color,
// scroll_speed,
// block_count,
// scroll_count,
// action_to_perform_after_scrolled_n_times
// )

var w3c=(document.getElementById)?true:false;
var ie=(document.all)?true:false;
var N=-1;

function createBar(w,h,bgc,brdW,brdC,blkC,speed,blocks,count,action){
if(ie||w3c){
var t='<div id="_xpbar'+(++N)+'" style="visibility:visible; position:relative; overflow:hidden; width:'+w+'px; height:'+h+'px; background-color:'+bgc+'; border-color:'+brdC+'; border-width:'+brdW+'px; border-style:solid; font-size:1px;">';
t+='<span id="blocks'+N+'" style="left:-'+(h*2+1)+'px; position:absolute; font-size:1px">';
for(i=0;i<blocks;i++){
t+='<span style="background-color:'+blkC+'; left:-'+((h*i)+i)+'px; font-size:1px; position:absolute; width:'+h+'px; height:'+h+'px; '
t+=(ie)?'filter:alpha(opacity='+(100-i*(100/blocks))+')':'-Moz-opacity:'+((100-i*(100/blocks))/100);
t+='"></span>';
}
t+='</span></div>';
document.write(t);
var bA=(ie)?document.all['blocks'+N]:document.getElementById('blocks'+N);
bA.bar=(ie)?document.all['_xpbar'+N]:document.getElementById('_xpbar'+N);
bA.blocks=blocks;
bA.N=N;
bA.w=w;
bA.h=h;
bA.speed=speed;
bA.ctr=0;
bA.count=count;
bA.action=action;
bA.togglePause=togglePause;
bA.showBar=function(){
this.bar.style.visibility="visible";
}
bA.hideBar=function(){
this.bar.style.visibility="hidden";
}
bA.tid=setInterval('startBar('+N+')',speed);
return bA;
}}

function startBar(bn){
var t=(ie)?document.all['blocks'+bn]:document.getElementById('blocks'+bn);
if(parseInt(t.style.left)+t.h+1-(t.blocks*t.h+t.blocks)>t.w){
t.style.left=-(t.h*2+1)+'px';
t.ctr++;
if(t.ctr>=t.count){
eval(t.action);
t.ctr=0;
}}else t.style.left=(parseInt(t.style.left)+t.h+1)+'px';
}

function togglePause(){
if(this.tid==0){
this.tid=setInterval('startBar('+this.N+')',this.speed);
}else{
clearInterval(this.tid);
this.tid=0;
}}

function togglePause(){
if(this.tid==0){
this.tid=setInterval('startBar('+this.N+')',this.speed);
}else{
clearInterval(this.tid);
this.tid=0;
}}

 

[Simosito]

-

uuupppiiinnnooo

 

[Simosito]

up pliz!!!!

 

[Simosito]

ariuppino!!!!!

 

[PoLe]

Basta con questi up! Al prossimo cancello la discussione.

Abbi pazienza, prima o poi qualcuno risponderà.

 

[Simosito]

ok.
........