tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
7
ZUGRIFFE
237
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    chuvak chuvak ist offline Mitglied Brokat
    Registriert seit
    Mar 2005
    Beiträge
    311
    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!
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    
    <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>
     
    "Ein Pessimist ist ein Optimist mit Erfahrung."

  2. #2
    Avatar von matdacat
    matdacat matdacat ist offline Mitglied Platin
    Registriert seit
    Aug 2004
    Beiträge
    672
    Nicht ausprobiert, sollte aber funktionieren:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    <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>
     

  3. #3
    chuvak chuvak ist offline Mitglied Brokat
    Registriert seit
    Mar 2005
    Beiträge
    311
    Nee, es kann gar nicht funktionieren, weil die Fotos den Parameter "nr" nicht übergeben.
     
    "Ein Pessimist ist ein Optimist mit Erfahrung."

  4. #4
    Registriert seit
    Dec 2002
    Ort
    Trier
    Beiträge
    17.502
    Blog-Einträge
    10
    Zitat Zitat von ewgeni Beitrag anzeigen
    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.
     
    Markus Wulftange

  5. #5
    chuvak chuvak ist offline Mitglied Brokat
    Registriert seit
    Mar 2005
    Beiträge
    311
    Das gehört leider zu den nützlichen Dingen im Programmieren, die einfach nicht in meinen Kopf wollen....
     
    "Ein Pessimist ist ein Optimist mit Erfahrung."

  6. #6
    chuvak chuvak ist offline Mitglied Brokat
    Registriert seit
    Mar 2005
    Beiträge
    311
    Gibt es denn keine Möglichkeit?
    Oder habe ich die von matdacat falsch eingegeben?
     
    "Ein Pessimist ist ein Optimist mit Erfahrung."

  7. #7
    OnlyFoo OnlyFoo ist offline Mitglied Brokat
    Registriert seit
    Feb 2005
    Beiträge
    470
    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*)
     

  8. #8
    chuvak chuvak ist offline Mitglied Brokat
    Registriert seit
    Mar 2005
    Beiträge
    311
    Sorry, mein Fehler.
    Danke nochmal!
     
    "Ein Pessimist ist ein Optimist mit Erfahrung."

Ähnliche Themen

  1. Renderzeit verkürzen => Fur
    Von baubock im Forum Autodesk Maya (ehemals Alias)
    Antworten: 3
    Letzter Beitrag: 04.03.09, 14:50
  2. getElementById Code verkürzen
    Von xthetronx im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 22.10.07, 23:12
  3. Function verkürzen
    Von Kleiner Wicht im Forum PHP
    Antworten: 14
    Letzter Beitrag: 08.04.05, 19:12
  4. Renderzeit verkürzen ...
    Von PoNr im Forum Cinema 4D
    Antworten: 1
    Letzter Beitrag: 29.08.04, 12:06
  5. text verkürzen
    Von dennislassiter im Forum PHP
    Antworten: 3
    Letzter Beitrag: 12.08.02, 19:13