Bildergalerie

[user123456789]

Hallo,
ich möchte eine Bildergalerie erstellen, indem ich die Bilder als Hintergrundbilder für DIV-Container mit den IDs image1, image2, ..., image9 nutzen will. Die Bilder heißen bild1, bild2, ..., bild9.

Das Script soll dabei die Bilder den entsprechenden DIV-Containern zuordnen. Außerdem sollen die ersten 3 Bilder in entsprechender Größe dargestellt werden. Dies funktioniert aber leider noch nicht. Was ist der Fehler?

Danke für eure Hilfe

for (i=1; i<10; i++) {
  if (i<4) {
    document.getElementById("image" + i).style.height="300px";
    document.getElementById("image" + i).style.height="300px";
  }
  document.getElementById("image" + i).style.backgroundImage="bild" + i + ".JPG";
}

[bubble]

Das Script soll dabei die Bilder den entsprechenden DIV-Containern zuordnen. Außerdem sollen die ersten 3 Bilder in entsprechender Größe dargestellt werden. Dies funktioniert aber leider noch nicht. Was ist der Fehler?

Was ist "dies"?
Davon ausgehend, dass du die Bilder skaliert haben möchtest, musst du entweder auf image-Elemente zurückgreifen (was semantisch sinnvoller wäre, da die Bilder ja in dem Falle Inhalt sind und keine reine Gestaltung), oder du setzt background-size entsprechend.

for (i=1; i<10; i++) {
  if (i<4) {
    document.getElementById("image" + i).style.height="300px";
    document.getElementById("image" + i).style.height="300px";
  }
  document.getElementById("image" + i).style.backgroundImage="bild" + i + ".JPG";
}

Der Code enthält an sich keine Fehler.

MfG
bubble

[user123456789]

PS: Ich hätte noch eine Frage. Kann man JavaScript HTML-Elemente erstellen lassen?

[bubble]

PS: Ich hätte noch eine Frage. Kann man JavaScript HTML-Elemente erstellen lassen?

http://de.selfhtml.org/javascript/objekte/document.htm#create_element@title=Ja.

MfG
bubble

[user123456789]

PS: Ich hätte noch eine Frage. Kann man JavaScript HTML-Elemente erstellen lassen?
http://de.selfhtml.org/javascript/objekte/document.htm#create_element@title=Ja.

MfG
bubble

wie?

[Matthias Apsel]

Om nah hoo pez nyeetz, user123456789!

PS: Ich hätte noch eine Frage. Kann man JavaScript HTML-Elemente erstellen lassen?
http://de.selfhtml.org/javascript/objekte/document.htm#create_element@title=Ja.

wie?

http://de.selfhtml.org/javascript/objekte/document.htm#create_element@title=so. Liest du das, was dir verlinkt wird?

Matthias

[bubble]

PS: Ich hätte noch eine Frage. Kann man JavaScript HTML-Elemente erstellen lassen?
http://de.selfhtml.org/javascript/objekte/document.htm#create_element@title=Ja.
wie?

Steht doch da.

Mit document.createElement() das HTML-Element erstellen und mit object.appendChild() in den Element-Baum einhängen.

var meinElement = document.createElement("h1");  
meinElement.appendChild(document.createTextNode("der Übrschriftstext"));  
document.getElementById("inhalt").appendChild(meinElement);

Zeile 1: Ein h1-Element wird erstellt und in der Variablen mainElement gespeichert.
Zeile 2: Da man ein h1-Element ohne Text nicht wirklich sehen kann, erzeugen wir einen Textknoten und hängen ihn als Kindelement von meinElement (das h1-Element) ein.
Zeile 3: Damit das erzeugte Element auch sichtbar ist, muss es irgendwo im Element-Baum des Dokuments eingehaben werden. Dafür "holen" wir uns das Element mit der id "inhalt" und hängen unser Element als Kind-Element ein.

Im Endeffekt hab ich jetzt noch mal genau das gleiche beschrieben, was auf der verlinkten Seite steht.

MfG
bubble