Problem mit Yugop bewegung

[BaRt4EvEr]

Hallo,

ich hier ein Problem, bei dem ich einfach nicht weiter komme, ich hoffe, das mir jemand von euch helfen kann.

Ich habe mir hier aus dem Forum eine Yugop-Bildergalerie runtergeladen, diese habe ich jetzt umgebaut, dass die Bilder nicht mehr aus einem Ordner gelesen werden, sondern das Flash sich die Bildanzahl und die links zu den Bildern von PHP holt...dieses PHP-Script holt es sich dann von einer MySQL Datenbank.

Wenn ich das Standard Yugop File aus dem Forum nehme, funktioniert alles auch mit der Bewegung etc. Bei meiner modifizierung funktioniert auch alles, bis auf die Bewegung und die RollOver der Bilder...ich weiß nicht woran es liegt, habe es schon mehrmals versucht.

Hier mein modifiziertes Script:

function laden(){
    bildanzahl = _root.bilderanzahl;
    if (i<=bildanzahl){
        _root.createEmptyMovieClip('pic'+i, i);
        _root['pic'+i].loadMovie(_root.bilder_a[i], 0);
        _root['pic'+i]._alpha = 30;
        this.onEnterFrame = function(){
            if (_root['pic'+i]._width>10){
                _root['pic'+i]._y = starty;
                _root['pic'+i]._x = _root['pic'+(i-1)]._x+_root['pic'+(i-1)]._width+abstand;
                delete this.onEnterFrame;
                i++;
                laden();
            }
        }
    }else{
        this.laenge=this._width
        for (var k = 0; k<=_root.bilderanzahl; k++){
            //this['pic'+k].id = k;
            _root['pic'+k].onRollOver = function(){
                this._alpha = 100;
                }
            _root['pic'+k].onRollOut = function(){
                this._alpha = 30;
            }
            _root['pic'+k].onPress = function(){
                trace("gedrückt" + this._name);
                //buttonaktionen
            }
            
        }
        move();
        }
    
}
 
function move(){
    bildanzahl = _root.bilderanzahl;
    this.onEnterFrame = function(){
        var x=_root._xmouse
        var y=_root._ymouse
        var h=hoehe
        var b=breite
        for(var i=1;i<=bildanzahl;i++){
        var mc=_root['pic'+i]
        mc._x += speed1;
        if(mc._x>=breite){
            mc._x -=laenge
        }
    
        if(mc._x<=-mc._width){
            mc._x +=laenge
        }
            }
        if((x>0 && x<(mitte-10) && y>0 && y<h) ||(x<breite && x>(mitte+10) && y>0 && y<h)){
        var r = _root._xmouse-mitte;
        var sp = -r;
        speed1 = sp/(10*speed);
        }else{
        speed1=0
        }
    }
} 

Die Move-Funktion wird garnicht aufgerufen! Dabei habe ich nur diese Zeile geändert:

_root['pic'+i].loadMovie(_root.bilder_a[i], 0);
// vorher:
_root['pic'+i].loadMovie(i+".jpg", 0); 

Im Anhang nochmal das Original YUGOP-Menü welches funktioniert, finde meinen Fehler leider nicht. Wäre über jeden Tipp dankbar!

[BaRt4EvEr]

Kann mir denn niemand helfen oder habe ich mich unverständlich ausgedrückt?

Es funktioniert ja fast alles, nur die Move(bewegen) Funktion wird einfach nicht aufgerufen, wenn ich das normal mit Bildern aus einem Ordner versuche, gehts....

Wäre echt nett, wenn mir jemand helfen könnte!

[BaRt4EvEr]

Sorry, die Fla war in MX 2004 Format, jetzt nochmal als MX :-)

Kann dir schlecht helfen ohne die php und die Bilder..............lol


voo

[BaRt4EvEr]

Sorry, wurde ich auch gerade drauf aufmerksam gemacht.
Ich habe jetzt weiter dran rumgebastelt, jetzt bewegt es sich zwar aber die Bilder verschieben sich ineinander, anstatt an das letzte Bild rangehängt zu werden. Jetzt habe ich dann halt nur noch das oben genannte Problem in dieser Zeile, welche ich nicht hinbekomme:

if(mc._x>=breite){
mc._x -=laenge;
}
if(mc._x<=-mc._width){
mc._x = _root['pic'+(i-1)]._x + (laenge+abstand);
} 

Die zuletzt gepostete Fla ist noch aktuell, bis auf die actions-Funktion, die sieht jetzt so aus:

MovieClip.prototype.actions = function(){
    _root.anzeige = "actions";
    bildanzahl = _root.bilderanzahl;    
    // die ganzen rollover und rollout actions funktionieren!
    this.onRollOver = function(){
        this._alpha = 100;
    }
    this.onRollOut = function(){
        this._alpha = 30;
    }
    this.onEnterFrame = function(){
        var x=_root._xmouse;
        var y=_root._ymouse;
        var h=hoehe;
        var b=breite;
        for(var i=0;i<=bildanzahl;i++)
        {
        var mc=_root['pic'+i];
        mc._x += speed1;
        if(mc._x>=breite){
            mc._x -=laenge;
            }
        if(mc._x<=-mc._width){
            mc._x +=laenge;
            }
            }
        if((x>0 && x<(mitte-10) && y>0 && y<h) ||(x<breite && x>(mitte+10) && y>0 && y<h)){
        var r = _root._xmouse-mitte;
        var sp = -r;
        speed1 = sp/(10*speed);
        }else{
        speed1=0;
        }
    }
    
    
} 

Wenn die Bilder jetz z.B. nach links scrollen und die Stage verlassen, müßten sie ganz rechts ans letzte Bild wieder angehängt werden, passiert aber nicht...die Bilder werden ineinander geschoben.

Mein PHP-Code für die Datenbankabfrage sieht so aus:

PHP-Code:

        include("dbconnect.php");
        $result = mysql_query("SELECT * FROM galerie WHERE publish=1 ORDER BY id ASC") or die ("Abfrage fehlgeschlagen!");
        $anzahl = mysql_affected_rows();
        echo '&bilderanzahl='.$anzahl;
        while($line = mysql_fetch_array($result)){
            $datenArray1[] = "thumbnail/" . $line['linkthumbimg'];
            $datenArray2[] = $line['id'];
            $datenArray3[] = $line['thumbW'];
            $datenArray4[] = $line['thumbH'];
            $flashausgabe1 = implode(",",$datenArray1);
            $flashausgabe2 = implode(",",$datenArray2);
            $flashausgabe3 = implode(",",$datenArray3);
            $flashausgabe4 = implode(",",$datenArray4);
            if(strlen($log)>0){
                echo '&fehler='.$log;
            }
        } 
        print "&bilder=".$flashausgabe1."&bildid=".$flashausgabe2."&bildW=".$flashausgabe3."&bildH=".$flashausgabe4; 


Und die Ausgabe bei ca. 14 Bildern würde so aussehen:

PHP-Code:

&bilderanzahl=14
&bilder=thumbnail/bilder/thumbnails/45.jpg,thumbnail/bilder/thumbnails/46.jpg,thumbnail/bilder/thumbnails/47.jpg,thumbnail/bilder/thumbnails/48.jpg,thumbnail/bilder/thumbnails/56.jpg,thumbnail/bilder/thumbnails/57.jpg,thumbnail/bilder/thumbnails/58.jpg,thumbnail/bilder/thumbnails/59.jpg,thumbnail/bilder/thumbnails/60.jpg,thumbnail/bilder/thumbnails/61.jpg,thumbnail/bilder/thumbnails/62.jpg,thumbnail/bilder/thumbnails/63.jpg,thumbnail/bilder/thumbnails/64.jpg,thumbnail/bilder/thumbnails/65.jpg
&bildid=45,46,47,48,56,57,58,59,60,61,62,63,64,65
&bildW=800,800,800,800,133,133,133,75,133,133,133,75,133,133
&bildH=600,600,600,600,100,100,100,100,100,100,100,100,100,100 


Eigentlich bräuchte ich nur diese zwei Zeilen, in denen die Bilder nach links oder rechts geschoben werden. Wäre echt nett, wenn mir jemand helfen könnte.

[warrantmaster]

naja, "nur diese zeilen" hast du nicht verändert. zur abfrage von bedingungen und deren erfüllungen kann man übrigens mit dem trace-befehl ungemein weit kommen
die oberen zeilen sind hier nur zum probieren. ich gehe mal davon aus, daß deine daten aus der php/db auch ankommen.

bilderanzahl = 10;
i = 1;
var hoehe = 200;
var breite = Stage.width;
var mitte = breite/2;
var speed=3
 
function laden() {
    bildanzahl = _root.bilderanzahl;
    if (i<=bilderanzahl) {
        var mc = _root.createEmptyMovieClip('pic'+i, i);
        //_root['pic'+i].loadMovie(_root.bilder_a[i], 0);
        _root['pic'+i].loadMovie("small/"+i+".jpg", 0);
        _root['pic'+i]._alpha = 30;
        this.onEnterFrame = function() {
            if (_root['pic'+i]._width>10) {
                _root['pic'+i]._y = starty;
                _root['pic'+i]._x = _root['pic'+(i-1)]._x+_root['pic'+(i-1)]._width+abstand;
                delete this.onEnterFrame;
                i++;
                laden();
            }
        };
    } else {
        this.laenge = this._width;
        for (var k = 0; k<=_root.bilderanzahl; k++) {
            //this['pic'+k].id = k;
            _root['pic'+k].onRollOver = function() {
                this._alpha = 100;
            };
            _root['pic'+k].onRollOut = function() {
                this._alpha = 30;
            };
            _root['pic'+k].onPress = function() {
                trace("gedrückt"+this._name);
                //buttonaktionen
            };
        }
        move();
    }
}
function move() {
    bildanzahl = _root.bilderanzahl;
    this.onEnterFrame = function() {
        var x = _root._xmouse;
        var y = _root._ymouse;
        for (var i = 1; i<=bildanzahl; i++) {
            var mc = _root['pic'+i];
            mc._x += speed1;
            if (mc._x>=breite) {
                mc._x -= laenge;
            }
            if (mc._x<=-mc._width) {
                mc._x += laenge;
            }
        }
        if (y>0 && y<hoehe) {
            if (x>0 && x<(mitte-10)) {
                speed1 = -speed;
            }
            if (x<breite && x>(mitte+10)) {
                speed1 = speed;
            }
            if (x>(mitte-10) && x<(mitte+10)) {
                speed1 = 0;
            }
        } else {
            speed1 = 0;
        }
    };
}
laden(); 

[BaRt4EvEr]

Hi Warrent!

Leider bringt Trace nicht wirklich viel, weil ich mein File zum testen immer Online stellen muss, wegen der PHP - Abfrage, deswegen
hatte ich mir ja ein Textfeld gemacht um mir variablen anzeigen zu lassen.

Danke für das Script, funktioniert leider nicht richtig :-(

[warrantmaster]

bei mir schon...?

klick

[BaRt4EvEr]

Hi Warrent,

also bei mir funktioniert das nicht :-(
Ich habe festgestellt, dass sich die Bilder überlappen, wenn die Anzahl der Bilder größer ist, als was auf die Stage paßt, weil dann kommt diese Abfrage:

if(mc._x>=breite){
            mc._x -=breite-abstand;
        } 

Und dann überlappen sich irgendwann die Bilder. Ich bräuchte eine Formel, wenn das Bild verschwindet, dass dieses Bild sich an das letzte Bild der Reihe anordnet. Komme aber leider nicht auf die Lösung.

Weißt Du, wie ich das am besten mache? Hatte dir ja einen LINK geschickt, da kannst Du das sehen mit dem überlappen. Hatte es mal mit dieser Formel versucht:

if(mc._x >= breite){
            if(i >= _root.bilder_r.length){
                mc._x = _root.bilder_r[0]._x-abstand;
                }else{
                    mc._x = _root.bilder_r[i-1]._x-abstand;
                    }
            }
        if(mc._x < 0){
            if(i >= _root.bilder_r.length){
                if(mc != _root.bilder_r[0]){
                    mc._x = _root.bilder_r[0]._x+abstand;
                    }else{
                        mc._x = _root.bilder_r[_root.bilder_r.length]._x+abstand;
                        }
                }else{
                    mc._x = _root.bilder_r[i-1]._x+abstand;
                    }
            } 

geht aber nicht :-(

Ich hatte mir ein Array angelegt, mit den ganzen Namen der Bilder.
// ausgabe
_root.bilder_r = _root.pic1,_root.pic2,_root.pic3,_root.pic4 usw.
Da ist aber irgendwie ein Denkfehler drinnen.....und ich komme nicht drauf.

[bit]

Hi,

funktioniert das jetzt bei dir? Wenn ja, könntest du das dann bitte hier nochmal posten. Das würde mich auch interessieren. Ich bastle nämlich auch schon seit ein paar Tagen an sowas aber irgendwie will das bei mir auch noch nicht.

Gruß,
Jürgen