JPEG - Liste aus Array: Skalieren der Bilder

[tfranz]

Hallo!

Aus einem Array mit URLs zu Bildern (Jpegs) lasse ich von Flash eine Liste mit Vorschaubildern erstellen. Leider sind durch unterschiedliche Original-Bildgrößen auch alle Vorschau-Bilder unterschiedlich gross ...
Was kann ich tun, um alle Bilder auf eine Größe zu skalieren, z.B. alle auf eine Breite von 30 Pixeln?
Was ich weiss: man kann die Größe der Jpegs erst dann abfragen, wenn diese von Flash geladen wurden. Aber wie stelle ich das an?
Habe schon das Forum durchwühlt, bin aber offensichtlich zu doof, die Tipps auf meinen Zweck umzuschreiben ...

Vielen Dank für Eure Hilfe!

Tobias Franz

Hier der (Auschschnitt) aus meiner AS:

// "dokument" ist ein Array mit den URLs zu verschieden großen JPEG-Bildern
    //Erzeugen einer Liste mit Dummy-Feldern
var holder = this.createEmptyMovieClip('holder', 10);
var dummy = holder.createEmptyMovieClip('dummy', 0);
    // Platziert die Liste
holder._x = 105;
holder._y = 25;
var zaehler = 0;
    // Für jedes JPEG der Liste wird ein eigener Container produziert
for (var i = 0; i<dokument.length; i++) { // Anzahl der Files/ Größe des Arrays
        
    // An den Dummy wird ein container angefügt
    var container = holder.dummy.attachMovie('container', 'mc'+(i*10)+1, (i*10)+1); 
    zaehler++;
    container._x = 0; //Plazieren des Containers
    container._y = zaehler*60;    
    container.loadMovie(dokument[i]); //Laden des JPEGS in den Container    
 
// ##### WIE KANN ICH DAS BILD SO SKALIEREN, DASS ES IMMER z.B. 30 Pixel breit ist??        
    container._xscale = 10;  //Skalieren des JPEGS 
    container._yscale = 10;  // Ergebnis: je nach Bildgröße unterschiedlich   
        }
    }
}; 

[Der Frager]

for (var i = 0; i<dokument.length; i++) {
    var mc = this.holder.createEmptyMovieClip("loader"+i, i);
    var mc1 = this.holder.createEmptyMovieClip("watcher"+i, 100+i);
    mc.loadMovie(dokument[i]);
    mc1.id = i;
    mc1.onEnterFrame = function() {
        if (this._parent["loader"+this.id]._width>0) {
            var mc = this._parent["loader"+this.id];
            mc._x = (this.id%4)*40;
            mc._y = Math.floor(this.id/4)*40;
            if (mc._width>mc._height) {
                mc._width=30, mc._yscale=mc._xscale;
                mc._y += (30-mc._height)/2;
            } else {
                mc._height=30, mc._xscale=mc._yscale;
                mc._x += (30-mc._width)/2;
            }
            mc.onRelease = function() {
                //mach was
            };
            mc.onRollOver = function() {
                //mach was
            };
            mc.onRollOut = mc.onDragOut=function () {
                //mach was
            };
            removeMovieClip(this);
        }
    };
} 

edit: Mach was draus - und willkommen im Forum...

[tfranz]

Danke erstmal für die Hilfe! :-)

... bekomme es aber irgendwie nicht gebacken - bin offensichtlich an meine Grenzen geraten ... :-)

Habe mal meine bisherige Arbeit dazugepackt - habe ich da noch irgendeinen Denkfehler drin?

Zip-Datei (Fla, SWF, PHP, + Beispielbilder)

Werde mich weiter bemühen ...

[Der Frager]

Hallo nochmal.
Also, wenn die Bildnamen bei dir über loadVars() ankommen, dann geht das doch so, wie ich's dir geschrieben habe. Hier mal ein Beispiel mit einem "festen" Array:

dokument = ["01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg"];
var holder = this.createEmptyMovieClip("holder", 1);
for (var i = 0; i<dokument.length; i++) {
    var mc = this.holder.createEmptyMovieClip("loader"+i, i);
    var mc1 = this.holder.createEmptyMovieClip("watcher"+i, 100+i);
    mc.loadMovie(dokument[i]);
    mc1.id = i;
    mc1.onEnterFrame = function() {
        if (this._parent["loader"+this.id]._width>0) {
            var mc = this._parent["loader"+this.id];
            mc._x = (this.id%4)*40;
            mc._y = Math.floor(this.id/4)*40;
            if (mc._width>mc._height) {
                mc._width=30, mc._yscale=mc._xscale;
                mc._y += (30-mc._height)/2;
            } else {
                mc._height=30, mc._xscale=mc._yscale;
                mc._x += (30-mc._width)/2;
            }
            mc.onRelease = function() {
                trace(this._name)
            };
            mc.onRollOver = function() {
                this._alpha =60
            };
            mc.onRollOut = mc.onDragOut=function () {
                this._alpha =100
            };
            removeMovieClip(this);
        }
    };
} 

[tfranz]

... hm ... stimmt ...
Mit einem festen Array klappt es.
Aber warum dann nicht per LoadVars?

var directory = new LoadVars();
//Pfad zum Ordner  
directory.db_pfad = "./db/";
//Abrufen und Empfangen des Inhaltsverzeichnis
directory.sendAndLoad("./list.php", directory, "POST");
directory.onLoad = function() {
    directory.liste = directory.liste.toLowerCase();
    //Teilen des Inhaltsverzeichnis in Arrays
    textbox.text = directory.liste;
    dokument = directory.liste.split("|");
} 

... hat meiner Meinung nach das gleiche Ergebnis wie:

dokument = ["./db/bild-1.jpg", "./db/bild-2.jpg", "./db/bild-3.jpg"]; 

Sofern das PHP mitspielt. Und das tut es ja ...

???

[Der Frager]

var directory = new LoadVars();
//Pfad zum Ordner
directory.db_pfad = "./db/";
//Abrufen und Empfangen des Inhaltsverzeichnis
directory.sendAndLoad("./list.php", directory, "POST");
directory.onLoad = function() {
        directory.liste = directory.liste.toLowerCase();
        //Teilen des Inhaltsverzeichnis in Arrays
        textbox.text = directory.liste;
        dokument = directory.liste.split("|");
thumbs()
} 

Und dann eben noch eine funktion:

function thumbs() {
    var holder = this.createEmptyMovieClip("holder", 1);
    for (var i = 0; i<dokument.length; i++) {
        var mc = this.holder.createEmptyMovieClip("loader"+i, i);
        var mc1 = this.holder.createEmptyMovieClip("watcher"+i, 100+i);
        mc.loadMovie(dokument[i]);
        mc1.id = i;
        mc1.onEnterFrame = function() {
            if (this._parent["loader"+this.id]._width>0) {
                var mc = this._parent["loader"+this.id];
                mc._x = (this.id%4)*40;
                mc._y = Math.floor(this.id/4)*40;
                if (mc._width>mc._height) {
                    mc._width=30, mc._yscale=mc._xscale;
                    mc._y += (30-mc._height)/2;
                } else {
                    mc._height=30, mc._xscale=mc._yscale;
                    mc._x += (30-mc._width)/2;
                }
                mc.onRelease = function() {
                    trace(this._name);
                };
                mc.onRollOver = function() {
                    this._alpha = 60;
                };
                mc.onRollOut = mc.onDragOut=function () {
                    this._alpha = 100;
                };
                removeMovieClip(this);
            }
        };
    }
} 

[tfranz]

JAAAAAA!!!

Es hat endlich funktioniert!! :-))

VIELEN DANK!!!


Nur für die Nachwelt - falls es jemanden interessieren sollte:

var directory = new LoadVars();
//Pfad zum Ordner
directory.db_pfad = "./db/";
//Abrufen und Empfangen des Inhaltsverzeichnis
directory.sendAndLoad("./list.php", directory, "POST");
directory.onLoad = function() {
    directory.liste = directory.liste.toLowerCase();
    //Teilen des Inhaltsverzeichnis in Arrays
    dokument = directory.liste.split("|");
    thumbs();
};
function thumbs() {
    var holder = this.createEmptyMovieClip("holder", 1);
    for (var i = 0; i<dokument.length; i++) {
        textbox.text +=dokument[i]
        if ((dokument[i].indexOf(".jpg")>0) || (dokument[i].indexOf(".jpeg")>0)) {
            var mc = this.holder.createEmptyMovieClip("loader"+i, i);
            var mc1 = this.holder.createEmptyMovieClip("watcher"+i, 100+i);
            mc.loadMovie(directory.db_pfad+dokument[i]);
            mc1.id = i;
            mc1.onEnterFrame = function() {
                if (this._parent["loader"+this.id]._width>0) {
                    var mc = this._parent["loader"+this.id];
                    mc._y = (this.id%4)*40;
                    mc._x = Math.floor(this.id/4)*40;
                    if (mc._width>mc._height) {
                        mc._width=50, mc._yscale=mc._xscale;
                        mc._y += (50-mc._height)/2;
                    } else {
                        mc._height=50, mc._xscale=mc._yscale;
                        mc._x += (50-mc._width)/2;
                    }
                    mc.onRelease = function() {
                        trace(this._name);
                    };
                    mc.onRollOver = function() {
                        this._alpha = 60;
                    };
                    mc.onRollOut = mc.onDragOut=function () {
                        this._alpha = 100;
                    };
                    removeMovieClip(this);
                }
            };
        }
    }
}