Thumbnail-Gallery anpassen...

[gmadesign]

Hallo!

Ich habe mir eine Thumbnail-Gallery ergoogled, die genau so ist, wie ich sie gerne hätte. Einzig größenmäßig passt sie noch nicht in mein Layout, dh ich hätte gerne die Gesamtansicht verkleinert und die Thumbnails weiter nach oben "geschoben"

Im AS-Code konnte ich die dafür zuständigen Funktionen leider nicht finden...

PHP-Code:

function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        description = [];
        thumbnails = [];
        total = xmlNode.childNodes.length;
        for (i=0; i<total; i++) {
            image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
            description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
            thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
            thumbnails_fn(i);
        }
        firstImage();
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
///////////////////////////////////// 
listen = new Object();
listen.onKeyDown = function() {
    if (Key.getCode() == Key.LEFT) {
        prevImage();
    } else if (Key.getCode() == Key.RIGHT) {
        nextImage();
    }
};
Key.addListener(listen);
previous_btn.onRelease = function() {
    prevImage();
};
next_btn.onRelease = function() {
    nextImage();
};
///////////////////////////////////// 
p = 0;
this.onEnterFrame = function() {
    filesize = picture.getBytesTotal();
    loaded = picture.getBytesLoaded();
    preloader._visible = true;
    if (loaded != filesize) {
        preloader.preload_bar._xscale = 100*loaded/filesize;
    } else {
        preloader._visible = false;
        if (picture._alpha<100) {
            picture._alpha += 10;
        }
    }
};
function nextImage() {
    if (p<(total-1)) {
        p++;
        if (loaded == filesize) {
            picture._alpha = 0;
            picture.loadMovie(image[p], 1);
            desc_txt.text = description[p];
            picture_num();
        }
    }
}
function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
        desc_txt.text = description[p];
        picture_num();
    }
}
function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        desc_txt.text = description[0];
        picture_num();
    }
}
function picture_num() {
    current_pos = p+1;
    pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
    // thumbnail code! 
    this.createEmptyMovieClip("tscroller", 1000);
    scroll_speed = 10;
    tscroller.onEnterFrame = function() {
        if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
            if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
                thumbnail_mc._x -= scroll_speed;
            } else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
                thumbnail_mc._x += scroll_speed;
            }
        } else {
            delete tscroller.onEnterFrame;
        }
    };
}
function thumbnails_fn(k) {
    thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
    tlistener = new Object();
    tlistener.onLoadInit = function(target_mc) {
        target_mc._x = hit_left._x+(target_mc._width+5)*k;
        target_mc.pictureValue = k;
        target_mc.onRelease = function() {
            p = this.pictureValue-1;
            nextImage();
        };
        target_mc.onRollOver = function() {
            this._alpha = 50;
            thumbNailScroller();
        };
        target_mc.onRollOut = function() {
            this._alpha = 100;
        };
    };
    image_mcl = new MovieClipLoader();
    image_mcl.addListener(tlistener);
    image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
} 


hier ist sie zum saugen...

http://www.wellcom.at/gmadesign/gallery_th.rar

Ich hoffe, mir kann jemand weiterhelfen, hab schon einiges herumgetüftelt, jedoch nie die richtigen Zeilen verändert.

Danke und schönen Abend

[Der Frager]

Hallo!

Da wird im AS auch weder irgendwas skaliert noch platziert. Heißt, dass du die Vollansicht einfach in einem Grafikprogramm verkleinerst und dann musst du die Layer 12 und 14 einfach da platzieren, wo du die Thumbs haben willst.

[gmadesign]

Layer 12 zu verschieben hab ich bereits versucht, das funktioniert nicht, da schneidet er den Rest weg. Wenn ich die Bilder einfach verkleinere, dann sind sie ja in der Gesamtansicht nicht zentriert... Und Layer 14 kann ich gar nicht verschieben

Wie genau meintest du das bitte???

[gmadesign]

Weiss sonst vielleicht jemand Rat?

Wäre sehr sehr dankbar! Bitte, Bitte!

[mooseMash]

layer 12 wird doch durch layer 14 maskiert, die kannst du beite verschieben und dir so zurecht modellieren wie du es haben möchtest.

[gmadesign]

ja, ok, kann die beiden ebenen jetzt verschieben wie ich mag, mach ich aber zB die großansicht der bilder statt 300x200 nur 200x100, so sind sie linksbündig und rechts fehlt daher der rest auf die 300. Wie kann ich denn einstellen, dass das zentriert wird?

Danke

[Der Frager]

Du hast da doch den MC "picture" in der Ebene "movieclip". Den schiebst du einfach um 50 px nach rechts bzw. dort hin, wo du ihn haben willst.

[gmadesign]

noch ne Frage. Was muss ich denn machen, damit die Bilder in einer gleichbleibenden Geschwindigkeit automatisch scrollen, wenn man mit der Maus in der Mitte drüber fährt, hört das Scrollen auf, bewegt man sich zum Rand wirds in die jeweilige Richtung eben schneller...?

Vielen Dank!!!!!!!!