Text unter Bild wird verdeckt.

[compuboy1010]

Es gibt einen leeren MC mcTarget.
In diesen werden mit einer Slideshow dynamisch Bilder aus einer XML Datei geladen. Die Bilder haben fast alle
die gleichen Maße, nur die Höhe ist bei einigen etwas höherer.
Unter diesem leeren MC ist eine dynamische Textbox tPicture in der der Text aus der XML Datei erscheint.
Der leere MC mcTarget und die Textbox tProduct sind statisch hinzugefügt.
Nun habe ich aber das Problem, dass die Textbox bei den höheren Bildern teilweise überdeckt wird.
Wie kann ich es erreichen, dass die Textbox mit AS etwas weiter nach unten gesetzt wird, wenn
ein höheres Bild geladen wird?

Man müsste die Höhe des Bildes herausfinden und diese zur y Koordiante des leeren MCs addieren + 5 Pixel Abstand.
Aber wie?

[andretti]

aloha!

wenn du die hereingeladenen bilder nicht extra positionierst:
frage vorweg: fragst du den ladezustand ab?

du müsstest überprüfen, ob der mc schon das bild geladen hat, um dann die höhe ausgeben lassen zu können;

ladest du jedes bild in einen extra leeren mc oder alle in einen?

[compuboy1010]

stop();
var slides_xml:XML = new XML();
slides_xml.onLoad = startSlideShow;
slides_xml.load("de/katalog/php/images.php?pid=" +_global.nCurrentPid);
slides_xml.ignoreWhite = true;
var sProductPic:String;
 
//
// Show the first slide and intialize variables
function startSlideShow(success) {
    if (success == true) {
            rootNode = slides_xml.firstChild;
            totalSlides = rootNode.childNodes.length;
            firstSlideNode = rootNode.firstChild;
            currentSlideNode = firstSlideNode;
            currentIndex = 1;
            updateSlide(firstSlideNode);
            tProduct._y = mcTargetClip._height + mcTargetClip._y + 5;
    }
}
//
// Updates the current slide with new image and text 
function updateSlide(newSlideNode) {
    sImagePath = newSlideNode.attributes.jpegURL;
    sProductPic = newSlideNode.attributes.pic;
    slideText = newSlideNode.firstChild.nodeValue;
    loadMovie(sImagePath, mcTargetClip);
}
//
// Event handler for 'Next slide' button
mcNextSlide.onRelease = function() {
    nextSlideNode = currentSlideNode.nextSibling;
    if (nextSlideNode == null) {
        break;
    } else {
        currentIndex++;
        updateSlide(nextSlideNode);
        currentSlideNode = nextSlideNode;
    }
};
 
// Event handler for 'Previous slide' button
mcPrevSlide.onRelease = function() {
    previousSlideNode = currentSlideNode.previousSibling;
    if (previousSlideNode == null) {
        break;
    } else {
        currentIndex--;
        currentSlideNode = previousSlideNode;
        updateSlide(previousSlideNode);
    }
};
 
mcTargetClip.onRelease = function() {
    getURL(sProductPic, "_blank");
}; 

[compuboy1010]

Bevor ich lange erkläre schau es dir kurz an. Habe gerade folgende Zeile eingefügt, die bring aber anscheinend garnix.

tProduct._y = mcTargetClip._height + mcTargetClip._y + 5; 

stop();
var slides_xml:XML = new XML();
slides_xml.onLoad = startSlideShow;
slides_xml.load("de/katalog/php/images.php?pid=" +_global.nCurrentPid);
slides_xml.ignoreWhite = true;
var sProductPic:String;
 
//
// Show the first slide and intialize variables
function startSlideShow(success):Void {
    if (success == true) {
            rootNode = slides_xml.firstChild;
            totalSlides = rootNode.childNodes.length;
            firstSlideNode = rootNode.firstChild;
            currentSlideNode = firstSlideNode;
            currentIndex = 1;
            updateSlide(firstSlideNode);
            tProduct._y = mcTargetClip._height + mcTargetClip._y + 5;
    }
}
//
// Updates the current slide with new image and text 
function updateSlide(newSlideNode):Void {
    sImagePath = newSlideNode.attributes.jpegURL;
    sProductPic = newSlideNode.attributes.pic;
    slideText = newSlideNode.firstChild.nodeValue;
    loadMovie(sImagePath, mcTargetClip);
}
//
// Event handler for 'Next slide' button
mcNextSlide.onRelease = function():Void {
    nextSlideNode = currentSlideNode.nextSibling;
    if (nextSlideNode == null) {
        break;
    } else {
        currentIndex++;
        updateSlide(nextSlideNode);
        currentSlideNode = nextSlideNode;
    }
};
 
// Event handler for 'Previous slide' button
mcPrevSlide.onRelease = function():Void {
    previousSlideNode = currentSlideNode.previousSibling;
    if (previousSlideNode == null) {
        break;
    } else {
        currentIndex--;
        currentSlideNode = previousSlideNode;
        updateSlide(previousSlideNode);
    }
};
 
mcTargetClip.onRelease = function() {
    getURL(sProductPic, "_blank");
}; 

[Der Frager]

Hallo!

Ach komm... Also mittlerweile solltest du aber wissen, dass man "mcTargetClip._height" erst abfragen kann, wenn das Bild (bzw. der Inhalt) geladen ist. Also muss da ein kleiner Preloader rein.

Da das eh Flash 8 ist, kannst du ja auch einen MovieClipLoader() und onLoadInit() verwenden.

[compuboy1010]

Ich hatte einen Monat Urlaub. Bin voll raus aus Flash. Wärst du mir böse, wenn ich dich um einen Ansatz fragen würde?

[Der Frager]

Einen Monat und schon isses vorbei mit den Flash-Kenntnissen ???

Kurzes Beispiel für einen MovieClipLoader:

PHP-Code:

var mc:MovieClip = this.createEmptyMovieClip("bild", 1);
var mcl:MovieClipLoader = new MovieClipLoader();
var ml:Object = new Object();
//
ml.onLoadInit = function(ziel) {
    trace(ziel+" fertig geladen!");
    trace("Höhe: "+ziel._height);
    trace("Breite: "+ziel._width);
    //Hier das, was nun passieren soll...
};
mcl.addListener(ml);
mcl.loadClip("dein_bild.jpg", bild); 


[compuboy1010]

Zitat von Der Frager

Einen Monat und schon isses vorbei mit den Flash-Kenntnissen ???

So, bin selber geschockt. Sieht so aus, denn folgendes klappt nicht.

function updateSlide(newSlideNode):Void {
    sImagePath = newSlideNode.attributes.jpegURL;
    sProductPic = newSlideNode.attributes.pic;
    slideText = newSlideNode.firstChild.nodeValue;
 
    var mclListener:Object = new Object();  
    mclListener.onLoadInit = function(mcTargetClip:MovieClip) {
        tProduct._y = mcTargetClip._height + mcTargetClip._y + 5;
    };
    var image_mcl:MovieClipLoader = new MovieClipLoader();
    image_mcl.addListener(mclListener);
    image_mcl.loadClip(sImagePath, mcTargetClip);
}
// 
 

[andretti]

Zitat von andretti

aloha!

wenn du die hereingeladenen bilder nicht extra positionierst:
frage vorweg: fragst du den ladezustand ab?

du müsstest überprüfen, ob der mc schon das bild geladen hat, um dann die höhe ausgeben lassen zu können;

ladest du jedes bild in einen extra leeren mc oder alle in einen?

mir glaubt er net, aber dem DerFrager schon.....



lass den mc einen leeren moviclip erstellen("checker"),:

PHP-Code:

/......
 checker.onEnterFrame = function() { 
        if (this._parent.getBytesLoaded()>=4) { 
            l = this._parent.getBytesLoaded(); 
            t = this._parent.getBytesTotal(); 
            p = Math.round((l/t)*100); 
            if (p>=100) {
//das textfeld positionieren .....
}
}
} 


[Der Frager]

@andretti -> Hatte deinen Beitrag gar nicht gelesen.

@compuboy: Pfade und Vars checken (Debugger oder tracen).
Was ist z.B. "mcTargetClip"? Kennt die Funktion den?

[compuboy1010]

Hallo @beide,
ja die Pfade mal wieder. So klappt es:

var mcSlideShow:MovieClip = this;
 
// Updates the current slide with new image and text 
function updateSlide(newSlideNode):Void {
    sImagePath = newSlideNode.attributes.jpegURL;
    sProductPic = newSlideNode.attributes.pic;
    slideText = newSlideNode.firstChild.nodeValue;
    mclListener.onLoadInit = function(mcTargetClip:MovieClip) {
        mcSlideShow.tPicture._y = mcTargetClip._height + mcTargetClip._y + 5;
    };
    image_mcl.addListener(mclListener);
    image_mcl.loadClip(sImagePath, mcTargetClip);
}
// 
 

Danke für die Mühe.