Flash Gallery Fade-In-Fade-Out anpassen

[gmadesign]

Hallo!

Ich habe mir eine Image-Gallery angepasst. Was mich daran stört ist, dass die Fotos nicht auseinander faden, sondern mit einem "Ruck" übergehen...

Im angehängten Archiv könnt ihr sie sehen...

download

Danke für jeden Tipp!

Schönen Abend!

[Der Frager]

PHP-Code:

delay = 5000;
//-----------------------
function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        description = [];
        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;
        }
        firstImage();
        preload();
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images_4.xml");
p = 0;
function preload() {
    this.onEnterFrame = function() {
        filesize = picture.getBytesTotal();
        loaded = picture.getBytesLoaded();
        preloader._visible = true;
        if (loaded != filesize) {
            preloader.preload_bar._xscale = 100*loaded/filesize;
        } else if (loaded>12) {
            preloader._visible = false;
            if (picture._alpha<100) {
                picture._alpha += 2.5;
            } else {
                delete this.onEnterFrame;
            }
        }
    };
}
/////////////////////////////////////
previous_btn.onRelease = function() {
    clearInterval(myInterval);
preloader._visible = false;
    this._parent.onEnterFrame = function() {
        if (this.picture._alpha>0) {
            this.picture._alpha -= 2.5;
        } else {
            delete this.onEnterFrame;
            prevImage();
            preload();
        }
    };
};
next_btn.onRelease = function() {
    clearInterval(myInterval);
preloader._visible = false;
    this._parent.onEnterFrame = function() {
        if (this.picture._alpha>0) {
            this.picture._alpha -= 2.5;
        } else {
            delete this.onEnterFrame;
            nextImage();
            preload();
        }
    };
};
/////////////////////////////////////
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();
            slideshow();
        }
    }
}
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();
        slideshow();
    }
}
function picture_num() {
    pos_txt.text = (p+1)+" / "+total;
}
function slideshow() {
    myInterval = setInterval(pause_slideshow, delay);
    function pause_slideshow() {
        clearInterval(myInterval);
        if (p == (total-1)) {
            p = 0;
            firstImage();
            preload();
        } else {
            nextImage();
            preload();
        }
    }
} 


[gmadesign]

hi Frager!

Danke erstmals!

Ich wollte jetzt noch fragen, was genau du abgeändert hast, es passt jetzt der Übergang, wenn man auf den Pfeil klickt, jedoch ist beim automatischen Übergang immer noch der Hocker...

Was genau muss ich da anpassen?

Danke vielmals!!!!

gute Nacht!

[Der Frager]

Im Prinzip muss das hier:

PHP-Code:

clearInterval(myInterval); 
preloader._visible = false; 
    this._parent.onEnterFrame = function() { 
        if (this.picture._alpha>0) { 
            this.picture._alpha -= 2.5; 
        } else { 
            delete this.onEnterFrame; 
            nextImage(); 
            preload(); 
        } 
    }; 


halt auch über das Intervall aufgerufen weden. Ohne clearInterval() natürlich und ohne _parent.

[gmadesign]

Was du quasi angepasst hast, sind ist die function Slideshow, die jetzt mit dem Intervall die Funktionen für firstimage, nextimage und wenn am ende, dann previous image aufruft.

du meinst also, ich muss den code im on Release des next- und previous button anpassen, aber ohne intervall, weil es ja nicht automatisch, sondern erst bei klick passieren soll. reicht es da nicht, einfach die bereits angepassten funktionen nextImage und PreviousImage aufzurufen?

Danke für deine Hilfe und nicht bös sein, wegen der Verständnisfragen.

lg und tausen dank

[gmadesign]

? Steh grad ein bissi an. Keine Ahnung ob ich überhaupt richtig denke... Soll da jetzt einfach die firstImage, nextImage und prevImage mit dem Intervall verknüpft werden? Und wie funkt das ungefähr?

Danke nochmals!!!!!!

[itsme798]

Hallo Zusammen,

ich habe das Script für meine Zwecke auch ein wenig angepasst.

Mein Problem ist nun nur noch, dass die Slideshow nach dem letzten Bild stoppt und nicht wieder bei dem ersten anfängt.

Hat jemand hier ein paar Code schnipsel für mich ?

Vielen Dank im Voraus ,

Tom

[Flashing willi]

moinsen!

ich habe das "tutorial" grad mal ausprobiert. Nun habe ich bloß ein problem. habe es auf 716px x 100px umgeschrieben, is ja nicht schwer und dabei kann sich ja auch eigentlich kein fehler einschleichen.

nun mein problem:

wenn ich es in eine html-website einbaue z.b. in einen div-container als header, so wird der film selbst zwar angezeigt, die bilder aber aus irgendeinem grund nicht.
wenn ich die datei einzeln anwähle (www.blbla.de/image_movie/slideshow_4.swf) dann wird alles einwandfrei angezeigt.
ich sitz da jetzt schon zwei abende dran und find den verdammten fehler nicht

könnt ihr mir da vielleicht helfen???
das wär echt super - danke

[readme.txt]

liegen die swf und die html-datei in der die swf eingebunden ist im selben ordner?

[Flashing willi]

ne...in einem unterordner...wieso?

[readme.txt]

Da hast du deine Lösung ... vermutlich gehen die Pfade in deiner swf von der swf-Datei aus, die müssen aber von der HTML Datei ausgehen in der die swf eingebunden ist.

Nehmen wir mal an du hast eine index.html ... und einen ordner "flash" in dem deine swf und die Bilder liegen die geladen werden sollen ... bsp: bild1.jpg

Dann muss der Pfad in der swf nicht lauten: deinMC.loadMovie("bild1.jpg");

sondern: deinMC.loadMovie("flash/bild1.jpg");

[Flashing willi]

habe sieht jetzt alle zusammen in einem ordner.... aber es klappt trotzdem nicht...ich dreh echt durch.

vor allem is ja auch komisch,dass es funtioniert,wenn man nur www.blblbl.de/dasmovie.swf eingebe

???