HTML

reihenfolge beim laden!

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

hallo... habe hier jetzt eine riesengallerie, die nicht auf verschiedene seiten aufgeteilt werden soll! wenn man auf den link zu dieser gallerie klickt, dauert es ewig, bis etwas erscheint. das liegt daran, dass der browser die ganze seite lädt, bevor er sie darstellt. ich möchte aber nun, dass er erst den html-part lädt und dann die bilder, damit man sieht, dass dort was passiert! wie geht das? mfg/d.na

Antwort 1 von semi

1.) Erstelle ein Bild, mit irgendeinem Text drauf z.B. "wird geladen"
2.) Setze dieses Bild in jedem IMG-Tag ein.

<img src="dummy.gif" ...>

3.) Weise jeder Grafik eine eindeutige id zu

<img id="img0" src="dummy.gif" ...>
<img id="img1" src="dummy.gif" ...>
usw.

3.) Bei onLoad kannst Du dann alle Grafikdateien nacheinander laden:


<head>
var images = new array(
               "image01.jpg",
               "image02.jpg",
               "image03.jpg",
               ...
               "image_n.jpg"
             );

function loadImages() {
  for(var i=0; i<images.length; i++) {
    tmp = new Image();
    tmp.src = images;
    document.getElementById("img"+i.toString()).src = tmp.src;
  }
}
</head>
<body onLoad="Javascript:loadImages()">
...
</body>

Anfangs wird nur die dummy.gif Datei geladen und überall angezeigt, danach werden alle Grafikdateien nacheinander geladen.

Gruss,
Michael

Antwort 2 von semi

Korrektur:


<head>
<script type="text/javascript">
var images = new Array(
               "image01.jpg",
               "image02.jpg",
               "image03.jpg",
               ...
               "image_n.jpg"
             );

function loadImages() {
  for(var i=0; i<images.length; i++) {
    tmp = new Image();
    tmp.src = images;
    document.getElementById("img"+i.toString()).src = tmp.src;
  }
}
</script>
</head>

Antwort 3 von Joe_69

Hi!

Alternativ dazu kannst du einfach einen Rahmen um die Bilder anzeigen lassen. Die Rahmen werden sofort dargestellt.


<img src="blabla.jpg" border="1">

mfg Joe

Antwort 4 von d.na

ein bischen spät, aber einen herzlichen dank für die antworten ;-)

mfg/d.na

Antwort 5 von Häbi