• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ladereihenfolge von Bildern

S

schrepfer

Neues Mitglied
Hallo zusammen,

Ist es irgendwie möglich mit php festzulegen, dass ein Bild zunächst fertig geladen wird, bevor das nächste beginnt zu laden. Ich denke dabei an ein Preloader-Script in einer Galerie, das in einem 1px Kästchen das nächste Bild immer vorladet. Dieses Bild müsste jedoch umbedingt als zweites geladen werden, da sonst die Anzeige der Galerie beeinträchtigt wird.
Mein Ansatz ist bisher nur, eine bestimmte Zeit zu warten, und erst dann ein Bild einfügen zu lassen via php.

Vielen Dank für Eure Antworten!

mfg
schrepfer
 
In PHP werden keine Bilder geladen. PHP wird serverseitig ausgeführt.
Die Bilder lädt aber der Browser.

Und nein, man kann die Rehenfolge auch anderweitig nicht festlegen, der Browser fordert an, was er benötigt. Auch bedingt durch die Auslieferung des Servers und die Leitungsgeschwindigkeit kann die Reihenfolge geändert werden.

Wenn bei Dir ein Bild zu einer bestimmten Zeit geladen werden muss, dann hast Du einen Fehler in Deinem Konzept.
 
es ist sogar ganz einfach möglich, du kannst alle IMG tags durch platzhalter ersetzen und diese dann nachträglich per JavaScript durch die entsprechenen IMG tags ersetzen und zwar in der reinvolge die du wünschst und mit den abständen die du willst, allerdings heißt das nicht das der user die bilder dann genau so schnell lädt. ;)

dafür muss allerdings javascript aktiviert sein was nicht überall der fall ist.
 
Wäre es nicht dennoch möglich, dass auch bei Deiner JS-Lösung das zweite Bild vor dem ersten ankommt? Oder wartet JS in der Abarbeitung auf Antwort vom Server, wenn ein Bild angefordert werden muss?
 
hier ein kleiner text von mir

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
	<head>
		<title>JS Image Timed Loading</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<script type="text/javascript">
		var ImageLoader = {
			currentImage: 0,
			images: [
				['img1', '/home/miah/Bilder/035.jpg', 2000],
				['img2', '/home/miah/Bilder/036.jpg', 2000],
				['img3', '/home/miah/Bilder/048.jpg'],
			],
			
			start: function() {
				if(this.images[this.currentImage] !== undefined) {
					var e = document.getElementById(this.images[this.currentImage][0]);
					if(e !== undefined) {
						e.src = this.images[this.currentImage][1]
					}
					
					window.setTimeout('ImageLoader.start()', this.images[this.currentImage][2]);
					this.currentImage += 1;
				}
			}
		}
		</script>
	</head>
	<body onload="ImageLoader.start();">
		<img id="img1" src="#" />
		<img id="img2" src="#" />
		<img id="img3" src="#" />
	</body>
</html>

funktioniert lokal natürlich wunderbar da die bilder direkt nach dem anfordern ankommen. im internet werden die bilder auch direkt nach dem ändern des ziels angefordert bis sie dann aber letztendlich ankommen kommt auf die leitung des users an.

die sollte aber kein problem sein wenn du deine bilder einigermaßen klein hältst also so bis ~250kb dann wird der anteil der user die die bilder später erst bekommen ziemlich gering sein ^^ und ich glaube solange sie die bilder trotsdem irgendwann bekommen sind die auch glücklich ;)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben