| 

.NET C# Java Javascript Exception

1
Hallo,

weiß jemand wie man mit JavaScript einzelne Bilder in eine Website laden kann?
Ich möchte gerne die Bilder in einer JavaScript Datei hinterlegen und diese soll dann z.B. in einer Tabelle erscheinen, damit ich in der HTML Datei nicht immer etwas ändern muss.

Leider kann ich noch kein php womit dies wesentlich leiter geht. :)
News:
16.11.2014
Shogun_1997 1 1
1 Antwort
1
Du brauchst im HTML-Code ein Element, wo die Bilder hin kommen sollen. Der Einfachheit halber habe ich eine leere Tabelle genommen, in etwa so:
<table id="img">    
</table>


Dann suchst du mit Javascript die Tabelle und fügst dort einfach neue Zeilen ein in die du den HTML-Code für das Bild schreibst. In etwa so:
// array mit Dateiname (ggf. mit Pfad) und Alt-Text
var images = [
//[dateiname, alt-text]
['bild1.jpg', "Alt text für Bild 1"],
['bild2.jpg', "Alt text für Bild 2"]
];

// erst ausführen, wenn die Seite geladen wurde
window.onload = function() {
// Bilder-Tabelle suchen
var table = document.getElementById("img");

// Für jedes Bild im Array
for (var i = 0; i < images.length; i++) {
var row = table.insertRow(0); // Neue Zeile einfügen
var cell = row.insertCell(0); // Neue Zelle einfügen
// HTML-Code für das jeweilige Bild in die Zelle schreiben
cell.innerHTML = '<img src="' + images[i][0] + '" alt="' + images[i][1] + '" />';
}
};
17.11.2014
phg 1,6k 3

Stelle deine Javascript-Frage jetzt!