bilder im voraus laden

[sunheart]

hallo all,

ich bin neu in AS und habe ein problem mit dem vorausladen einiger externer bilder. ich habe ein kleines script und es funktioniert alles super.
doch toll wäre es wenn ich die bilder im voraus laden könnte.
kann man folgende codezeilen vielleicht erweitern, oder ist ein neues script nötig?

PHP-Code:


loadMovie("image1.jpg","clip1");
loadMovie("image2.jpg","clip2");
loadMovie("image3.jpg","clip3");
loadMovie("image4.jpg","clip4");
loadMovie("image5.jpg","clip5");

setProperty("clip1",_x,_root.imagewidth*1);
setProperty("clip1",_y,0);

setProperty("clip2",_x,_root.imagewidth*2);
setProperty("clip2",_y,0);

setProperty("clip3",_x,_root.imagewidth*3);
setProperty("clip3",_y,0);

setProperty("clip4",_x,_root.imagewidth*4);
setProperty("clip4",_y,0);

setProperty("clip5",_x,_root.imagewidth*5);
setProperty("clip5",_y,0); 


(habe auch schon ein balken mc erstellt mit einer fortschrittsbalkenanimation von frame 1 bis 100) die angesprochen werden kann. aber wie ?
zum ablauf: der user klickt auf 5 buttons um die bilder zu sehen.

danke schon im voraus.
bin dankbar für jede antwort.

[thebiz]

Hi.
Wie kann man sich das genau vorstellen "im Voraus laden"?

[sunheart]

hi john, danke für deine antwort.
ich meine einfach einen preloader, mit einer balkenanzeigen von 0%-100%
(den mc dazu hab ich schon gebaut).

ich habe einen hauptfilm in den wird ein swf geladen:

5 buttons -> bei klick kommt das nächste bild (werden über untenstehendes AS angesprochen (instanznamen: "but1" - "but5"). so weit auch gut.

aber bei einer langsamen verbindung sieht der user halt erstmal für mehrere sekunden nichts, da ja die bilder im hintergrund geladen werden. wenn davor ein loader wäre, der den status anzeigt wäre das echt toll.
Das ist das Script im Hauptfilm:

PHP-Code:

// _root.imagewidth defines the width of the image//
_root.imagewidth = 240;

// _root.speed defines the speed of the sliding images//
_root.speed = 2;

/* _root.trig.xposnew defines the x position of the 
sliding images */
_root.trig.xposnew = -(_root.imagewidth);

// Button 1
but1.onRelease = function() {
    _root.trig.xposnew = -(_root.imagewidth);
};

// Button 2
but2.onRelease = function() {
    _root.trig.xposnew = -((_root.imagewidth)*2);
};

// Button 3
but3.onRelease = function() {
    _root.trig.xposnew = -((_root.imagewidth)*3);
};

// Button 4
but4.onRelease = function() {
    _root.trig.xposnew = -((_root.imagewidth)*4);
};

// Button 5
but5.onRelease = function() {
    _root.trig.xposnew = -((_root.imagewidth)*5);
}; 


Danke schonmal
_sunny

[thebiz]

Ich habe hier mal zum verdeutlichen einen Preloadervorgang.
Hier im Forum gibt es allerdings ein Haufen Preloader.
Einfach mal suchen.
Du musst 3 Bilder mit b1.jpg, b2.jpg, b3.jpg bennenen.

_root.createEmptyMovieClip("dummy_mc", 2);
//-------------------------------------------------
_root.createTextField("bytes_txt", 3, 50, 0, 100, 30);
_root.bytes_txt.autoSize = true;
//-------------------------------------------------
_root.createEmptyMovieClip("container_mc", 0);
_root.container_mc._x = 50;
_root.container_mc._y = 30;
//-------------------------------------------------
function preloaden() {
 _root.dummy_mc.onEnterFrame = function() {
  schon = _root.container_mc.getBytesLoaded();
  ganz = _root.container_mc.getBytesTotal();
  _root.bytes_txt.text = schon + " von " + ganz;
  if (schon == ganz) {
   delete this.onEnterFrame;
  }
 };
}
//-------------------------------------------------
_root.createEmptyMovieClip("b1", 1);
i = 1;
with (_root.b1) {
 moveTo(0, 0);
 beginFill(0x000000);
 lineTo(40, 0);
 lineTo(40, 10);
 lineTo(0, 10);
 lineTo(0, 0);
 endFill();
}
//-------------------------------------------------
_root.b1.onPress = function() {
 preloaden();
 _root.container_mc.loadMovie("b" + i + ".jpg");
 if (i < 3) {
  i++;
 } else {
  i = 1;
 }
};
//------------------------------------------------- 
 

[sunheart]

danke dir.
ich werde es auprobieren.
schönes wochenende

grüsse
sunny_

[Tim Taylor]

Zitat von thebiz

Ich habe hier mal zum verdeutlichen einen Preloadervorgang.
Hier im Forum gibt es allerdings ein Haufen Preloader.
Einfach mal suchen.
Du musst 3 Bilder mit b1.jpg, b2.jpg, b3.jpg bennenen.

_root.createEmptyMovieClip("dummy_mc", 2);
//-------------------------------------------------
_root.createTextField("bytes_txt", 3, 50, 0, 100, 30);
_root.bytes_txt.autoSize = true;
//-------------------------------------------------
_root.createEmptyMovieClip("container_mc", 0);
_root.container_mc._x = 50;
_root.container_mc._y = 30;
//-------------------------------------------------
function preloaden() {
 _root.dummy_mc.onEnterFrame = function() {
  schon = _root.container_mc.getBytesLoaded();
  ganz = _root.container_mc.getBytesTotal();
  _root.bytes_txt.text = schon + " von " + ganz;
  if (schon == ganz) {
   delete this.onEnterFrame;
  }
 };
}
//-------------------------------------------------
_root.createEmptyMovieClip("b1", 1);
i = 1;
with (_root.b1) {
 moveTo(0, 0);
 beginFill(0x000000);
 lineTo(40, 0);
 lineTo(40, 10);
 lineTo(0, 10);
 lineTo(0, 0);
 endFill();
}
//-------------------------------------------------
_root.b1.onPress = function() {
 preloaden();
 _root.container_mc.loadMovie("b" + i + ".jpg");
 if (i < 3) {
  i++;
 } else {
  i = 1;
 }
};
//------------------------------------------------- 
 

Hallo,

und was mach ich aus der Funktion, wenn ich die Bilder nicht per onPress laden will, sondern automatisch beim Aufruf des SWF's?
Szene "Preloader" lädt versteckt meine nicht progressiven JPG's , startet den Hauptfilm, der dann die im Cache befindlichen JPG's verwendet..

[angelikab]

hallo thebiz,
dein script sieht so hübsch aus,
so übersichtlich ...
drum habe ich es als meinen persönlichen favoriten
aus diesem ganzen unübersichtlichen preloader-wust
ausgewählt ...

ich muss es natürlich an meine bedürfnisse anpassen,
die da wären:
und zwar habe ich für jedes bild, das zu laden ist,
einen eigenen button inklusive eine eigene preloadanimation ...

d.h. ich brauche eine verknüpfung von button und bild!?

bzw. wie muss ich es schreiben, dass auf klick genau dieses bild geladen wird währenddessen die animation abläuft?
ich brauche weder balken noch prozentangabe ...

schwierig!

mein eigentliches problem ist, dass ich nicht weiß, wie und an welcher stelle ich die animation starte bzw. stoppe!

[angelikab]

um es nochmal genauer zu definieren:

ich möchte nacheinander mehrere bilder laden
und den ladevorgang jeweils mit einer animation kennzeichnen,

also:
bild 1 lädt, ani spielt ab
bild 2 lädt, ani spielt ab
bild 3 lädt, ani spielt ab
usw.usf.

erst auf klick soll dann das bild gezeigt werden.

ich vermute, dass in diesem fall ein array zum zug kommen sollte ...
oder zwei, eins für die bilder, das andre für die animationen?