✔ Langen Code verkürzen

[chuvak]

Ich habe 3 kleine Fotos, die bei Klick vergrößert werden. Für jedes Foto hab ich eine eigene Funktion gemacht. Bei wenigen Fotos, ist es kein Problem, aber wenn es z.B. 100 Stück sind, dauert es eben, noch mehr Funktionen einzufügen.

Kann man das Script irgendwie verkürzen, sodass da nur eine Funktion für eine beliebige Anzahl von Fotos ist?
Vielleicht mit Parametern?

Danke!

<script>
function foto1(){
document.gross.src="bilder/1.jpg"
}
function foto2(){
document.gross.src="bilder/2.jpg"
}
function foto3(){
document.gross.src="bilder/3.jpg"
}
</script>
<a href="#"><img src="#" name="gross" ></a>
<a href="#"><img src="bilder/bearbeitung/1.jpg" width="100" height="55" onClick="foto1()"></a>
<a href="#"><img src="bilder/bearbeitung/2.jpg" width="100" height="38" onClick="foto2()"></a>
<a href="#"><img src="bilder/bearbeitung/3.jpg" width="100" height="64" onClick="foto3()"></a>

 

[matdacat]

Nicht ausprobiert, sollte aber funktionieren:

<script>
function foto(nr){
document.gross.src="bilder/" + nr + ".jpg"
}
</script>
<a href="#"><img src="#" name="gross" ></a>
<a href="#"><img src="bilder/bearbeitung/1.jpg" width="100" height="55" onClick="foto(1)"></a>
<a href="#"><img src="bilder/bearbeitung/2.jpg" width="100" height="38" onClick="foto(2)"></a>
<a href="#"><img src="bilder/bearbeitung/3.jpg" width="100" height="64" onClick="foto(3)"></a>

 

[chuvak]

Nee, es kann gar nicht funktionieren, weil die Fotos den Parameter "nr" nicht übergeben.

 

[Gumbo]

Nee, es kann gar nicht funktionieren, weil die Fotos den Parameter "nr" nicht übergeben.

Dann scheinst du das Konzept der Parameterwertübergabe noch nicht verstanden zu haben.

 

[chuvak]

Das gehört leider zu den nützlichen Dingen im Programmieren, die einfach nicht in meinen Kopf wollen....

 

[chuvak]

Gibt es denn keine Möglichkeit?
Oder habe ich die von matdacat falsch eingegeben?

 

[OnlyFoo]

Hast du drauf geachtet, dass er auch die Links, bzw das onClick Attribut geändert hat? Weil dann funktionierts sicherlich.
du kannst dann einfach die funktion foto aufrufen und in den klammern übergibt du den wert, der in der funktion beim ausführen dann in nr gespeichert ist (aktueller und formaler parameter *strahl*)

 

[chuvak]

Sorry, mein Fehler.
Danke nochmal!