Bildergalerie in Flash mit Details?

Also ich habe Sie in der Version Flash 8 abgespeichert, frühere Version kann ich leider nicht abspeichern. Wenn ich mich richtig errinere habe ich Sie von Actionscripts.org musst Dich da mal umschauen.

Bin jetzt aber auf die folgende umgestiegen weil hier der Code wesentlich leichter auch zu verstehen ist und die kann schon xml (macht aber kein Thumbs) nu will ich diese um die "mouseover" = anhalten & balloontipp (mit Info aus XML) anzeigen.

Hier der Code:
Code: 
//********************************************************************//
//Autor: Mario Ue.
//ImageGallery v.01
//Datum: 12.01.04
//bei fragen mario@interhof.com
//********************************************************************//

//pfad zum folder mit deinen bildern drin
var pfad:String = "images/"
//auskommentieren wenn man eine dynamische xml hat
var xmlFile:String = "images.xml"
//var xmlFile:String = "http://www.yourdomain.com/pathToSwf/folderToXml.php?remotePath="+pfad+"&cachekilla="+random(999);

//mp3 player
//hier den dateinamen des sounds eintragen "nur mp3"
//var mp3:String = "sound.mp3";

//System
//-------------------------------------------//
Stage.showMenu = false;
_quality = "LOW";

//variablen
//-------------------------------------------//
var xabstand:Number = 31;
var yabstand:Number = 31;
var spalten:Number = 20;
var stageB:Number = Stage.width;
var stageH:Number = Stage.height;
var current:Number = 0;
var count:Number = 0;
var allDone:Boolean = false;
var posShow:Number = 1;
//arrays
var pic_array:Array = new Array();
var mc_array:Array = new Array();
var bigMc_array:Array = new Array();
//-------------------------------------------//
var xl:Loadxml = new Loadxml(xmlFile, parseXml);

function parseXml(xml):Void {
    var ref = xml.firstChild;
    for (var i = 0; i<ref.childNodes.length; i++) {
        pic_array[i] = [];
        pic_array[i].pic = ref.childNodes[i].firstChild.nodeValue;
        pic_array[i].picname = ref.childNodes[i].attributes.picname;
        pic_array[i].pwidth = ref.childNodes[i].attributes.width;
        pic_array[i].pheight = ref.childNodes[i].attributes.height;
    }
    buildNav();
}
function buildNav() {
    for (var i = 0; i<pic_array.length; i++) {
        var ref:MovieClip = _root.ex.attachMovie("thumb_mc", "thumb_mc"+i, i);
        mc_array.push(ref);
        var bigRef:MovieClip = _root.bPholder.attachMovie("bPcontainer", "bpcon"+i, -i);
        bigMc_array.push(bigRef);
        ref._x = (i%spalten)*xabstand;
        ref._y = Math.floor(i/spalten)*yabstand;
        ref.id = i;
        ref.enabled = false;
        ref.onRelease = function() {
            picTransition(this.id);
            clearInt();
        };
        ref.onRollOver = function() {
            this.line_mc.gotoAndStop(2);
        };
        ref.onRollOut = function() {
            this.line_mc.gotoAndStop(1);
        };
        if (i == pic_array.length-1) {
            loadThumbs();
        }
    }
}
function loadThumbs():Void {
    if (count<pic_array.length) {
        var ref:MovieClip = mc_array[count];
        ref.big = bigMc_array[count];
        ref.big.bp_mc.loadMovie(pfad+pic_array[count].pic);
        ref.onEnterFrame = function() {
            var gesamt:Number = this.big.bp_mc.getBytesTotal();
            var geladen:Number = this.big.bp_mc.getBytesLoaded();
            var prozent:Number = Math.ceil((geladen/gesamt)*100);
            if (prozent == 100 && geladen>4) {
                ref.prozent_txt.text = count+1;
                ref.balken_mc.gotoAndStop(100);
                _root.bigMc_array[(count+1)]._visible = false;
                if(count<1) {
                    _root.ex["thumb_mc"+0].enabled = true;
                    _root.bigMc_array[0].slideTo((stageB/2)-(int(pic_array[0].pwidth)/2), _root.bigMc_array[0]._y, 5);
                    _root.bigMc_array[0].masker();
                    posNav(0);
                }
                count++;
                loadThumbs();
                _root.ex["thumb_mc"+count].enabled = true;
                delete this.onEnterFrame;
            } else {
                ref.prozent_txt.text = prozent+"%";
                ref.balken_mc.gotoAndStop(prozent);
            }
        };
    } else {
        allDone = true;
        slideinterval = setInterval(playShow, 5000);
        //var player:Mp3player = new Mp3player(mp3);
    }
}
function picTransition(id) {
    if (current != id || _root.bigMc_array[id].loadComp) {
        _root.mc_array[id].prozent_txt.textColor = 0xFF0000;
        _root.bigMc_array[id].swapDepths(100);
        _root.bigMc_array[id].masker(id);
        _root.bigMc_array[id]._visible = true;
        _root.bigMc_array[id]._x = -640;
        _root.bigMc_array[id].slideTo((stageB/2)-(int(pic_array[id].pwidth)/2), _root.bigMc_array[id]._y, 5);
        _root.mc_array[current].prozent_txt.textColor = 0xFF6600;
        _root.bigMc_array[current].swapDepths(99);
        _root.bigMc_array[current]._visible = false;
        _root.picname_txt.text = "Bild : " + pic_array[id].picname;
        posNav(id)
        current = id;
    }
}

function posNav(id) {
    var picX:Number = int(pic_array[id].pwidth);
    var picY :Number = int(pic_array[id].pheight);
    _root.line_mc.slideTo(_root.line_mc._x,picY+65,5);
    _root.ex.slideTo(_root.ex._x,picY+75,5);
}
function playShow() {
    if (allDone) {
        if (posShow<pic_array.length) {
            picTransition(posShow);
            posShow++;
        } else {
            posShow = 0;
        }
    }
}

function clearInt() {
    clearInterval(slideinterval);
    delete slideinterval;
}
_root.slideStop_mc.onRelease = function() {
    clearInt();
};
_root.slidePlay_mc.onRelease = function() {
    if(slideinterval == undefined && allDone == true){
        playShow();
        slideinterval = setInterval(playShow, 5000);
    }

};
//-------------------------------------------//
MovieClip.prototype.masker = function() {
    var m_mc:MovieClip = this.attachMovie("maske", "maske", 1000);
    this.setMask(m_mc);
};
var cToleranz:Number = 1; 
MovieClip.prototype.slideTo = function(X, Y, speed) { 
    this.onEnterFrame = function() { 
        if (Math.abs(X-this._x)+Math.abs(Y-this._y)>cToleranz) { 
            this._x += (X-this._x)/speed; 
            this._y += (Y-this._y)/speed; 
        } else { 
            this._x = X; 
            this._y = Y; 
            delete this.onEnterFrame; 
        } 
    }; 
};

Die Stelle wo etwas aus der XML gelesen und gezeigt wird habe ich gefunden, müsste es jetzt noch ein wenig anpassen das die Galerie auch anhält bei wenn die mouse über ein bild fährt und das erst dann die Bildinfo aus der xml angezeigt wird. Wiess jemand Rat?

Gruß MS-Networker
 
Juhuuuu :) Geschaft :)

XML erweitert um Details & den AS auch sowie eine Ebene hinzugefügt und die galerie tuts mit Details :)

Nu wie mache ich jetzt das Sie bei "MouseOver" anhält und die Details jetzt im "BallooTipp" anzeigt?

Wäre für jede Hilfe dankbar

Grüße MS-Networker
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück