[AS2] Slide con maschere

[scoppato]

Ciao a tutti.
Sto tentando di realizzare una piccola gallery fotografica che come punto di partenza dovrebbe avere il deguente schema:



ciò che vorrei realizzare è questo:

La foto 1 all'inizio, si vede nella sua dimensione fissata, cliccando sulla foto 2 essa si dovrebbe allargare per raggiungere le dimensioni 153x153 px e la foto 1 si deve accorciare.
Il problema sarebbe più semplice se non ci fossero le maschere.
Siccome la foto 2 è una parte di una foto e per questo è mascherata, quando ci clicco sopra dovrebbe succedere che:
la maschera si ingrandisce fino a raggiungere le dimensioni 153x153, la foto 1 (che ha la maschera grande 153x153) si riduce per lasciare il posto alla foto 2.
Qualcuno ha qualche suggerimento o indicazione da segnalare?

Spero di essermi spiegato
Vi ringrazio

[rempox]

Ciao Scoppato

io penso che potresti organizzare i clip in questo modo

mc che al suo interno contiene su due livelli altri 2 mc

mc.fotoMask // maschera
mc.foto // clip che contiene fisicamente la foto


lo sviluppo in orizzontale pre praticità

supponioamo di avere i tuoi 4 clip con le seguenti coordinate

0------------100------150------200------250
mc1 mc2 mc3 mc4

le foto sono tutte 100x100

mentre le maskere sono dimensione variabile

mc1.fotoMask._width = 100 ;mc1.fotoMask._height = 100
mc2.fotoMask._width = 50 ;mc2.fotoMask._height = 100
mc3.fotoMask._width = 50 ;mc3.fotoMask._height = 100
mc4.fotoMask._width = 50 ;mc4.fotoMask._height = 100


ora il punto è sull'evento onRollOver degli mc

ogni volta che il mouse va su mc2, mc3, mc4 i precedenti devono arretrare ed allargare
la maschera

utilizzere un indicatore di mc

Vediamo se mi ricordo come si programma ... provalo perchè l'ho scritto qui direttamente

Ciao

MovieClip.Prototype.gestione = function(){

         this.onRollOver=function(){ resetOpen(this.ID)}

         this.onRollOut=function(){ resetClose(this.ID)}

}

function resetOpen(ID){

       if(ID == 1){ // nulla}
       if(ID == 2){ // sposto solo il clip 2
                        this["mc"+ID].src = this["mc"+ID]._x  
                        this["mc"+ID]._x = this["mc"+ID]._x - 50
                        this["mc"+ID].fotoMask._width = 100
       }
       if(ID >2){ // sposto tutti i clip dal 2 fino a quello dove sto col mouse sopra
              for (I=2;I<=ID;I++){
                   this["mc"+I].src = this["mc"+I]._x  
                   this["mc"+I]._x = this["mc"+I]._x - 50
              }
              this["mc"+ID].fotoMask._width = 100
      }

}

function resetClose(ID){

       if(ID == 1){ // nulla}
       if(ID == 2){ // sposto solo il clip 2
                        this["mc"+ID].fotoMask._width = 50
                        this["mc"+ID]._x = this["mc"+ID].src
       }
       if(ID >2){ // sposto tutti i clip dal 2 fino a quello dove sto col mouse sopra
              this["mc"+ID].fotoMask._width = 50
              for (I=2;I<=ID;I++){
                   this["mc"+I]._x = this["mc"+I].src
              }
      }

}

function assegna(){
     for(I=1;I<5;I++){
         this["mc"+I].gestione()
         this["mc"+I].ID = I
     }
}

Ovviamente se funziona covertilo in verticale e gli effetti di spostamente falli con le Tween

Ciao

[rempox]

una cosa tipo questa

http://www.rempox.it/forum/menu/menu_slidev5.html

[scoppato]

ciao rempox.
Intento ti ringrazio per la tua efficenza.

Il link che mi hai segnalato è proprio quello che volevo.
Purtroppo non ho ancora avuto modo di testare il codice che mi hai consigliato.
Non appena lo faccio mi faccio vivo.

Grazie

[rempox]

prego a presto.