Senkrecht - Slider

[Wanderratte]

Ich habe mal wieder was feines für euch.
Lädt externe Bilder ein.
Für jedes Bild wird ein Preloader generiert.
Wenn ihr in der Function loader die /* entfernt könnt ihr den reingeladenen Bilder eine Buttonfunction zuweisen.
Fragen dazu wie immer im Forum

// Copyright by Ralf Berg 2005
//Einfach ein paar Bilder in dem Unterordner "bilder" packen und den Namen der jpg in bild1.jpg - bildX.jpg
//umbennen. Danach die Var anz anpassen und schon kann es los gehen ;)
stop();
var anz = 8;
var gesch = 30;
createEmptyMovieClip("slider", 20);
createEmptyMovieClip("slider2", 30);
createEmptyMovieClip("preloader", 40);
for (i=1; i<=anz; i++) {
    slider.createEmptyMovieClip("bild"+i, i);
    slider2.createEmptyMovieClip("bild"+i, i);
    loadMovie("bilder/bild"+i+".jpg", slider["bild"+i]);
    loadMovie("bilder/bild"+i+".jpg", slider2["bild"+i]);
}
function pre() {
    for (i=0; i<=anz; i++) {
        preloader.createTextField("lade"+i, i, 0, 20*i, 300, 200);
        preloader["lade"+i].multiline = true;
        preloader["lade"+i].wordWrap = true;
        preloader["lade"+i].border = false;
        meinFormat = new TextFormat();
        meinFormat.font = "Times New Roman";
        meinFormat.size = 10;
        meinFormat.color = 0xff0000;
        meinFormat.bullet = false;
        meinFormat.underline = true;
        preloader["lade"+i].setTextFormat(meinFormat);
    }
}
var i = 1;
function loader(i) {
    this.onEnterFrame = function() {
        gesamt = slider["bild"+i].getBytesTotal();
        geladen = slider["bild"+i].getBytesLoaded();
        prozent = geladen*100/gesamt;
        preloader["lade"+i].text = "lade Bild"+i+" "+prozent+" %";
        if (geladen == gesamt && geladen>4) {
            if (i>1) {
                slider["bild"+i]._y = slider["bild"+(i-1)]._y+slider["bild"+(i-1)]._height;
                slider2["bild"+i]._y = slider["bild"+(i-1)]._y+slider["bild"+(i-1)]._height;
                /*slider["bild"+i].onRelease = function() {
                    //deine Anweisung
                };
                slider2["bild"+i].onRelease = function() {
                    //deine Anweisung
                };*/
            }
            ++i;
            delete (this.onEnterFrame);
            if (i<=anz) {
                loader(i);
            } else {
                slider2._y = slider._height;
                preloader.unloadMovie();
                setzePano(slider);
                setzePano(slider2);
            }
        }
    };
}
loader(1);
pre();
function setzePano(obj) {
    obj.mittelpunkt = obj.mittelpunkt=Stage.height/2;
    obj.umkehrPunkt = (obj._height-(obj.mittelpunkt*2))/2;
    obj.onEnterFrame = function() {
        this._y += (this.mittelpunkt-this._parent._ymouse)/gesch;
        if (this._y<-this.umkehrPunkt) {
            this._y += this._height;
        }
        if ((this._y-this._height)>-this.umkehrPunkt) {
            this._y -= this._height;
        }
        this._parent.slider2._y = this._y-this._height;
    };
} 

[Madokan]

Ich denke das ist mehr als nützlich - wäre doch was für Produktpräsentationen.

Liebe Grüsse
Matze K.

[Wanderratte]

So noch eine Erweiterung
Jetzt habe ich eine Buttonfunction voll integriert, damit ihr ein Beispiel habt
Die _x Position ist per Variable änderbar.
Wie immer, Fragen zu dem Script oder Allgemein nur im Forum stellen. Ich werde zu diesem Script oder andere Sripten keine Fragen via Mail oder PN beantworten.

//Copyright by Ralf Berg 2005
//flash@r-berg.de
//Einfach ein paar Bilder in dem Unterordner "bilder" packen und den Namen der jpg in bild1.jpg - bildX.jpg
//umbennen. Danach die Var anz anpassen und schon kann es los gehen ;)
stop();
var anz = 8;
var gesch = 30;
// _x Postition
var posX = 100;
createEmptyMovieClip("slider", 20);
createEmptyMovieClip("slider2", 30);
slider._x = posX
slider2._x = posX
createEmptyMovieClip("preloader", 40);
//Array für die Buttonzuweisung
link = new Array("http://wwww.traum-projekt.com", "http://www.flash-galaxy.de", "http://www.marios-galaxy.de", "http://www.r-berg.de", "http://www.flashstar.de", "http://www.web-turbine.de", "http://www.flashtalk.at", "http://www.flashforum.ch");
for (i=1; i<=anz; i++) {
    slider.createEmptyMovieClip("bild"+i, i);
    slider2.createEmptyMovieClip("bild"+i, i);
    loadMovie("bilder/bild"+i+".jpg", slider["bild"+i]);
    loadMovie("bilder/bild"+i+".jpg", slider2["bild"+i]);
}
function pre() {
    for (i=0; i<=anz; i++) {
        preloader.createTextField("lade"+i, i, 0, 20*i, 300, 200);
        preloader["lade"+i]._x = posX
        preloader["lade"+i].multiline = true;
        preloader["lade"+i].wordWrap = true;
        preloader["lade"+i].border = false;
        meinFormat = new TextFormat();
        meinFormat.font = "Times New Roman";
        meinFormat.size = 10;
        meinFormat.color = 0xff0000;
        meinFormat.bullet = false;
        meinFormat.underline = true;
        preloader["lade"+i].setTextFormat(meinFormat);
    }
}
//Function für die Buttonbefehle. Hier bitte nur die Anweisungsart ändern.
function buttonAn(i) {
    slider["bild"+i].bLink = link[i-1];
    slider2["bild"+i].bLink = link[i-1];
    slider["bild"+i].onRelease = function() {
        getURL(this.bLink, "_blank");
    };
    slider2["bild"+i].onRelease = function() {
        getURL(this.bLink, "_blank");
    };
}
var i = 1;
function loader(i) {
    this.onEnterFrame = function() {
        gesamt = slider["bild"+i].getBytesTotal();
        geladen = slider["bild"+i].getBytesLoaded();
        prozent = geladen*100/gesamt;
        preloader["lade"+i].text = "lade Bild"+i+" "+prozent+" %";
        if (geladen == gesamt && geladen>4) {
            if (i>1) {
                slider["bild"+i]._y = slider["bild"+(i-1)]._y+slider["bild"+(i-1)]._height;
                slider2["bild"+i]._y = slider["bild"+(i-1)]._y+slider["bild"+(i-1)]._height;
                buttonAn(i);
            } else {
                buttonAn(i);
            }
            ++i;
            delete (this.onEnterFrame);
            if (i<=anz) {
                loader(i);
            } else {
                slider2._y = slider._height;
                preloader.unloadMovie();
                setzePano(slider);
                setzePano(slider2);
            }
        }
    };
}
loader(1);
pre();
function setzePano(obj) {
    obj.mittelpunkt = obj.mittelpunkt=Stage.height/2;
    obj.umkehrPunkt = (obj._height-(obj.mittelpunkt*2))/2;
    obj.onEnterFrame = function() {
        this._y += (this.mittelpunkt-this._parent._ymouse)/gesch;
        if (this._y<-this.umkehrPunkt) {
            this._y += this._height;
        }
        if ((this._y-this._height)>-this.umkehrPunkt) {
            this._y -= this._height;
        }
        this._parent.slider2._y = this._y-this._height;
    };
}