Einzelnen Beitrag anzeigen
  #6 (permalink)  
Alt 29.09.2011, 15:58
zeji zeji ist offline
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Na gut dann nochmal besser erklärt.

Für dein Vorhaben benötigst du genau 2 Dinge:

1. Pfad zum Bild
2. Url wo der Link des Bildes hinführen soll

Da das Ganze ein bischen dynamisch und leichter erweiterbar sein soll, legen wir für jedes der beiden Punkte ein Array, in welches die Daten gespeichert werden. an.

1. in dem die Bildpfade liegen
Code:
var bildpfad =new Array ('Pfad/zum/Bild1.png', 'Pfad/zum/Bild2.png');
2. in dem die Zielurl liegen
Code:
var zielurl =new Array ('Pfad/zum/Bild1.png', 'Pfad/zum/Bild2.png');
Dann prüfst du ob beide Arrays gleichviele Einträge haben:
Code:
if(bildpfad.length == zielurl.length){
Wenn diese Bedingung wahr (true) ist, dann lass eine for-Schleife so oft durchlaufen, wie Einträge in den Arrays sind.
"i" steht hier für eine Zahl, bzw in dem Fall für den jeweiligen Index der Arrays und wird pro durchgang mit "i++" um 1 erhöht.
Code:
for(i=0;i<bildpfad.length;i++){

Nun fehlt nur noch die Ausgabe:
Code:
document.write('<a href="'+zielur[i]+'"><img src="'+bildpfad[i]+'"></a>');
}

}
mit document.write() schreibst du jetzt je nach Anzahl der Einträge in deine Seite ein Bild mit Link.

Pro Bild musst du jetzt nur noch in beide Arrays mit Bildfpad und Link erweitern.

Geändert von zeji (29.09.2011 um 16:00 Uhr)
Mit Zitat antworten