Bilder automatisch in Seite laden
wizzy
- javascript
0 bleicher
Hallo,
gibt es eine Möglichkeit mit JavaScript automatisch alle Bilder eines Ordners in ein HTML-Dok zu laden?
Also nach dem Motto:
solange( noch ein Bild im Ordner ) {
erzeuge neues Element im DOM
zeige Element in bestimmtem DIV an
}
Im Moment habe ich es so gelöst:
for (var j = 1; j < 33; j++) { //für 32 Bilder im Ordner
var newPicture = document.createElement("img"); //Bildelement erzeugen
var newSource = document.createAttribute("src"); //Attribut erzeugen
newSource.nodeValue = "pictures/" + j + ".jpg"; //die Bilder haben also Folgenummern als Dateinamen, z.B. "1.jpg", "2.jpg" usw.
... }
Am Ende werden die 32 Bilder ausgegeben. Das funktioniert gut, hat aber den Nachteil, dass man alle Bilder extra umbenennen muss. Wenn man das nicht macht und es gibt z.B. Bild 3 nicht, dann werden leere Bilder erzeugt.
Also noch mal meine Frage: Geht das mit JavaScript eleganter, so dass man die Bilder nicht extra umbenennen oder man vielleicht sogar überhaupt keine Dateinamen angeben muss?
Wäre es denn mit PHP möglich? (damit hab ich noch gar keine Erfahrung)
Danke schon mal.
Wizzy
Grüße,
Also noch mal meine Frage: Geht das mit JavaScript eleganter, so dass man die Bilder nicht extra umbenennen oder man vielleicht sogar überhaupt keine Dateinamen angeben muss?
Wäre es denn mit PHP möglich? (damit hab ich noch gar keine Erfahrung)
ich shclage kombilösung vor - du lädst die bilder mit einem PHP script hoch ODER verwendest einen script der die bilder im verzechniss umbenennt.
eleganter wäre natürlich die JS-freie reine PHP lösung
(du weisst nie ob der besucher JS an hat)
MFG
bleicher