Aiuto: Immagini, da un array, in un MovieClip tramite OOP

[ciccio-mx]

Ciao a tutti,
ho un problema e non so come risolverlo. Qualcuno mi potrebbe aiutare?


Il tutto tramite OOP e dichiarazioni prototype.

A. Ho un array di nomi di immagini

images_arr=["first.jpg","second.jpg","third.jpg"]

B. voglio caricare queste immagini in un movieclip

img_mc

C. voglio applicare a questo movieclip qualche trasformazione

es. muoverlo sull'asse _x

Ho provato in questo modo:

//////////////////////////////////////////////////////////////////////////

// declaration of class

_global.ImgAlbum = function(img_arr) {
    this.imgs = img_arr;
    this.dim = img_arr.length;
    this.buildMovieClip();
};

// declaration of prototypes

ImgAlbum.prototype.buildMovieClip = function() {
    for (var i = 0; i < this.dim; i++) {
        //
        // A questo punto non so cosa devo fare
        //
        // avrei bisogno di un - this.img_mc
        // contenente tutte le immagini i cui nomi sono in - array img_arr
        // da utilizzare nel - moveX - prototype seguente
    };
};

ImgAlbum.prototype.moveX = function(incX) {
     this.img_mc._x += incX; 
};

//

myImgAlbum = new ImgAlbum(images_arr);
myImgAlbum.moveX(10);

//////////////////////////////////////////////////////////////////////////

Grazie a tutti per i suggerimenti

[thunderlips]

Dovresti caricare ogni foto in un'istanza di clip all'interno del ciclo. Logicamente ogni istanza sarebbe all'interno della clip che esegue il metodo.

[ciccio-mx]

Quindi all'interno del ciclo dovrei inserire qualcosa tipo il codice seguente (pero' magari correggimi gli errori - che ci sono - perchè sono veramente agli inizi e faccio molta fatica)

/////////////////////////////////////
ImgAlbum.prototype.buildMovieClip = function() {
  for (var i = 0; i < this.dim; i++) {
    //
    // avrei bisogno di un - this.img_mc
    // contenente tutte le immagini i cui nomi sono in - array img_arr
    // da utilizzare nel - moveX - prototype seguente
    //
    ////////////////////////////////////////////////////////////////
    // inserito da ciccio-mx
    //
    // c'e' sicuramente un errore contettuale
    // perché alla fine ImgAlbum.prototype.moveX mi nuove solo
    // l'ultima immagine caricata
    //
    this.img_mc = createEmptyMovieClip("miomc_"+i, 100+i);
    // le immagini sono tutte larghe 100 per cui le distanzio di 
    this.img_mc._x = 110*i;
    this.img_mc.loadMovie(this.imgs[i]);
    ////////////////////////////////////////////////////////////////
  };
};
/////////////////////////////////////

[thunderlips]

MovieClip.prototype.buildMovieClip = function(){
	for (var i = 0; i < this.dim; i++) {
		this.img_mc = this.createEmptyMovieClip("mc_" + i, 100 + i);
		this.img_mc.loadMovie(this.imgs[i]);
		this.img_mc._x = this.img_mc._x + (this.img_mc._width * i);
        }	
};

[polliotto]

var images_arr = ["first.jpg", "second.jpg", "third.jpg"];
_global.ImgAlbum = function(path, img_arr)
{
	this.path = path;
	this.imgs = img_arr;
	this.path.createEmptyMovieClip("img_mc", 1);
	this.buildMovieClip();
};
ImgAlbum.prototype.buildMovieClip = function(path)
{
	var mc;
	var str;
	for (var i = 0; i<this.imgs.length; i++)
	{
		str = this.imgs[i].substr(0, this.imgs[i].indexOf("."));
		mc = this.path.img_mc.createEmptyMovieClip(str+'_mc', 100+i);
		mc._x = 110*i;
		mc.loadMovie(this.imgs[i]);
	}
};
ImgAlbum.prototype.moveX = function(incX)
{
	this.img_mc._x += incX;
};
//
myImgAlbum = new ImgAlbum(_root, images_arr);
myImgAlbum.moveX(10);

prova cosi

[ciccio-mx]

Grazie a thunderlips e a polliotto per le risposte.
Ho provato entrambi i codici suggeriti:

A. quello di thunderlips non va: non compaiono le immagini e se vado a controllare col debugger mi dà img_mc undefined (ho sbagliato qualche cosa?)

B. quello di polliotto va pero' bisogna correggere la parte seguente:

ImgAlbum.prototype.moveX = function(incX) {
   //this.img_mc._x += incX; // questo non va
   this.path.img_mc._x += incX; // questo va
};

Grazie ancora

[polliotto]

CHE TESTINA! :quote: :quote: :quote:

[ciccio-mx]

Ho pensato anche a questa variante e funziona:

///////////////////////////////////////////////////////////////////
_global.ImgAlbum = function(img_arr) {
   this.imgs = img_arr;
   this.dim = img_arr.length;
   this.buildMovieClip();
};
//
ImgAlbum.prototype.buildMovieClip = function() {
   createEmptyMovieClip("img_mc", 1);
   with (img_mc) {
      for (var i = 0; i<this.dim; i++) {
         createEmptyMovieClip("mc_"+i,100+i);
         eval("mc_"+i).loadMovie(this.imgs[i]);
         // ora dispongo le immagini caricate spaziandole
         // sono tutte larghe 100px per cui settando _x
         // a multipli di 110 le distanzio di 10 px
         // ovviamente è solo un esempio
         eval("mc_"+i)._x=110*i;
      }
   }
};
//
ImgAlbum.prototype.moveX = function(incX) {
   img_mc._x += incX;
};
//
images_arr = ["first.jpg", "second.jpg", "third.jpg"];
myImgAlbum = new ImgAlbum(images_arr);
//
btn.onPress = function() {
   myImgAlbum.moveX(10);
};
///////////////////////////////////////////////////////////////////

grazie ancora a tutti e spero che questo thread possa essere utile non solo a me ;-) (sono agli inizi ma mi piace da morire!)