Bilder ordnen sich neu - je nach Größe des Browserfensters

[harrry]

Hallo,

hat jemand eine Idee, wie das hier funktioniert? Ich meine, dass sich die Bilder neu anordnen - und noch dazu so elegant - wenn man das Browserfenster größer oder kleiner zieht?

Bin für jeden Hinweis dankbar.

 

[harrry]

Deutschlands beste Flasher (<-- schleim) wollen das Geheimnis für sich behalten, tztz. Oder führt mich doch noch jemand auf die richtige Spur? Irgendwas mit "Listener"...?

Grüße H.

 

[marian]

Richtig und hier hast du den Anfang des Scripts

var res = new Object();
res.onResize = function() {
	var xRes= Stage.width
	var yRes=Stage.height
// mit xRes und yRes kannst du jetzt immerhin mal deine MovieClips ausrichten
// der ander Teil des Scripts werd ich dir aber nicht veraten ;)
}

res.onResize();

Stage.addListener(res);

 

[harrry]

so in etwa?

var res = new Object();
   res.onResize = function() {
   	var xRes= Stage.width
   	var yRes=Stage.height
   }
   
   res.onResize();
   
   Stage.addListener(res); 
   
   createEmptyMovieClip("container1", 1);
   container1._x = xRes+0;
   container1._y = 0;
   container1.loadMovie("bild1.jpg");
   
   createEmptyMovieClip("container2", 2);
   container2._x = xRes+130;
   container2._y = 0;
   container2.loadMovie("bild2.jpg");
   
   createEmptyMovieClip("container3", 3);
   container3._x = xRes+260;
   container3._y = 0;
   container3.loadMovie("bild3.jpg");
   
   createEmptyMovieClip("container4", 4);
   container4._x = xRes+390;
   container4._y = 0;
   container4.loadMovie("bild4.jpg");
   
   createEmptyMovieClip("container5", 5);
   container5._x = xRes+520;
   container5._y = 0;
   container5.loadMovie("bild5.jpg");
   
   createEmptyMovieClip("container6", 6);
   container6._x = xRes+650;
   container6._y = 0;
   container6.loadMovie("bild6.jpg");
   
   createEmptyMovieClip("container7", 7);
   container7._x = xRes+0;
   container7._y = yRex+130;
   container7.loadMovie("bild7.jpg");
   
   createEmptyMovieClip("container8", 8);
   container8._x = xRes+130;
   container8._y = yRex+130;
   container8.loadMovie("bild8.jpg");
   
   createEmptyMovieClip("container9", 9);
   container9._x = xRes+260;
   container9._y = yRex+130;
   container9.loadMovie("bild9.jpg");
   
   createEmptyMovieClip("container10", 10);
   container10._x = xRes+390;
   container10._y = yRex+130;
   container10.loadMovie("bild10.jpg");
   
   createEmptyMovieClip("container11", 11);
   container11._x = xRes+520;
   container11._y = yRex+130;
   container11.loadMovie("bild11.jpg");
   
   createEmptyMovieClip("container12", 12);
   container12._x = xRes+650;
   container12._y = yRex+130;
   container12.loadMovie("bild12.jpg");

Aber wie nun weiter? Die Breite des jpgs von der Bühnenbreite abziehen plus der Anzahl der Sommersprossen am ersten Bild? Bitte hilf doch weiter...

 

[marian]

Naja für eine Bildergalerie ist das nicht gerade dynamisch.

erstens kannst du den letzten Wert (390)

container4._x = xRes+390;

Variable gestalten..

Und zweitens würd ich die Bilder die du laden möchtest alle über ein xml auslesen.
Und dafür brauchst du dann eine forschleife um die einzelnen Thumbs zu generieren und mit den xml Daten zu füttern.

In der for schleife definierst du keine Postionen sondern schreibst dafür eine extra function die eben unabhängig(auserhalb) von der Schleife aufgerufen werden kann zB über den Stage.addListener();

Jetz brauchst du nur noch die einzelnen functionen schreiben zB für startPosition, endPostion, und animation die diese start-und end positionen benötigt. Eigentlich ziehmlich einfach

 

[marian]

ach drittens fehlt ja noch.. is ja auch schon spät btw früh

du musst natürlich alle neupositionierungen auch aufrufen!

res.onResize = function() {
//hier müssen alle neupositionierungen rein!
}

Aber ich glaub da hast du dir zu viel für den Anfang forgenommen

 

[harrry]

Ja, leider. Ohne Deine Hilfe schaff ich es bestimmt nicht.

 

[marian]

Das ist auch ein wenig zuvel verlangt dir eine komplette Galerie zu proggen

aber noch ein kleiner Tip.

Du brauchst ein zweidimensionales Array um die Thumbs in Reihe und Spalte zu Positionieren welches du aufrufen musst wenn die "Stage.size" verändert wird.

 

[harrry]

Niemals würd ich sowas verlangen! Nicht mal davon träumen. Auch nicht Sonntags. Vielen Dank dennoch für die sachdienlichen Hinweise!