/** manual de uso **/
/*
ara=new Slide_thumb; declare a instancia
ara.t_max=3; ajuste o max. de thumbs - o min por default eh 0
ara.t_atual=ara.t_max-1; ajuste o thumb atual q é o primiero thumb da direita (com maior valor)
ara.t_height=50; #set valores height e width para thumbs. DEFAULT: 50;
ara.t_width=50;
nomes_thumb=new Array("thumb0", "thumb1", "thumb2");
nomes_image=new Array("arco_flor1", "arco_flor2", "arco_iris", "arco_shop", "arranjo1", "arranjo2");
ara.insere_arr(nomes_thumb,nomes_image);
set as arrays com as vars de imagens e de thumbs, insira-os no objeto via .inser_arr
ara.janela_nome="tela"; set nome da imagem que serve de tela
<< observe nos valores default o que precisa ser mudado e reatribua >>
-- handlers de evento e aonde ---
#avanca os thumbs
(onClick) button que avança e recua os thumbs: .avança(1) - para frente : .avanca(-1) -para tras
#mostra o thumb na imagem_tela
(onClick) thumbs: .mostra(valor): aonde valor é um numero negativo ou nulo. O Thumb da extrema direita tem valor 0 e todos os thumbs pra esquerda
deste recebe -valor. EX.: thumb7=.avanca(0), thumb6=.avanca(-1), thumb5=.avanca(-2)...
# cresce o tamanho dos thumbs quando passa o mouse
(onMouseOver e onMouseOut) thumbs: .zom(posicao, status): aonde posicao é a colocacao do thumb na sequencia e status (0) contrai e (1) expande.
Ex.: Expande: thumb7=.zom(7,1), thumb6=.zom(6,1), .... Contrai: thumb7=.zom(7,0), thumb6=.zom(6,0), ....
...
set no fim do html .inicia() para load dos valores iniciais
Pequeno exemplo:
#buttons
*/
function Slide_thumb(){
//variaveis thumb
this.t_min=0;
this.t_max=8;
this.t_nomes=new Array(); //array com os nomes dos thumbs
this.t_atual=this.t_max-1; //ultimo thumb da direita
this.t_height=50; //valores de tamanho dos thumbs
this.t_width=50;
//variaveis arquivo
this.im_nomes=new Array(); //array com listas de nomes
this.pasta="./images/decor/hor/";
this.tipo_arq=".jpg";
//variavels janela de exibicao
this.janela_nome; //nome da janela
this.janela_default=new Image; // primeira imagem no load
this.janela_default.src="./images/outros/start_slide_decor.png";
this.janela_ultimo; //thumb em exibicao
}
Slide_thumb.prototype.insere_arr=function (thumb,imagem){
this.t_nomes=this.t_nomes.concat(thumb);
this.im_nomes=this.im_nomes.concat(imagem);
}
Slide_thumb.prototype.limpa_arr=function(){
this.t_nomes=[];
this.im_nomes=[];
}
//começa a brincadeira
//posições iniciais
Slide_thumb.prototype.inicia=function(){
eval(this.janela_nome).src=this.janela_default.src; //inicia tela
for(i=0;i=(this.im_nomes.length-1))? this.t_atual=(this.im_nomes.length-1): this.t_atual;
//alert(this.t_atual+":"+(this.t_max-1));
this.move_thumb(this.t_atual);
}
//move as imagens nos thumbs: auxiliar de .avanca()
Slide_thumb.prototype.move_thumb=function(n){
j=0;
for(i=(this.t_max-1);i>=0;i--){
//thumb7=valor[9] ; thumb6=valor[8]; ...
eval(this.t_nomes[i]).src=this.pasta+this.im_nomes[(n-j)]+this.tipo_arq;
j++;
}
}
Slide_thumb.prototype.mostrar=function(n){
a=(this.t_atual+n);
//alert(a+":"+this.t_atual);
eval(this.janela_nome).src=this.pasta+this.im_nomes[a]+this.tipo_arq;
}
Slide_thumb.prototype.zom=function(n,m){
//n=posicao do thumb no grupo e m=tipo: expande(1) ou contrae(0)
//colhe as informações iniciais de tamanho
h=this.t_height;
w=this.t_width;
h1=Math.floor((h*30)/100); //calcula 30%
w1=Math.floor((w*30)/100);
//alert(h1+":"+w1);
h1b=Math.floor(h1/2); //calcula 15% para os thumbs ao lado
w1b=Math.floor(w1/2);
//m=1 expande e m=0 contrai
//alert(h+":"+w+"/"+h1+":"+w1+"/n:"+n);
if(m==1){
eval(this.t_nomes[n]).style.height=(h+h1);
eval(this.t_nomes[n]).style.width=(w+w1);
if((n-1)>=this.t_min){ eval(this.t_nomes[n-1]).style.width=(w+w1b); eval(this.t_nomes[n-1]).style.height=(h+h1b);}
if((n+1)<=(this.t_max-1)){ eval(this.t_nomes[n+1]).style.width=(w+w1b); eval(this.t_nomes[n+1]).style.height=(h+h1b);}
}
if(m==0){
eval(this.t_nomes[n]).style.height=h;
eval(this.t_nomes[n]).style.width=w;
if((n-1)>=this.t_min){ eval(this.t_nomes[n-1]).style.width=w;
eval(this.t_nomes[n-1]).style.height=h;}
if((n+1)<=(this.t_max-1)){ eval(this.t_nomes[n+1]).style.width=w;
eval(this.t_nomes[n+1]).style.height=h;}
}
}
/*até aqui tudo ok */