qay: Link-Farbe ändern beim anklicken

Beitrag lesen

meine Empfehlung:

eine Funktion im head-Bereich deiner Seite (oder externe JavaScript-Datei)

function bildwechsel(nr) {  
 var wo=document.getElementById('test');  
 if (wo) wo.src='bild'+nr+'jpg;  
 for (var i=1; i<4; i++) {  
  wo=document.getElementById('link'+i);  
  if (wo) wo.className=(i==nr)?"current":"nichtcurrent";  
 }  
 return false;  
}

<img src="bild1.jpg" id="test" alt="Startbild">

die Links sehen dann so aus:

<a href="#" id="link1" class="current" onclick="bildwechsel(1)">1</a>
<a href="#" id="link2" class="nichtcurrent" onclick="bildwechsel(2)">2</a>
<a href="#" id="link3" class="nichtcurrent" onclick="bildwechsel(3)>3</a>

In der Funktion wird erst das Bild gewechselt und dann allen 3 Links die Klasse nichtcurrent zugewiesen, außer dem aktuellem (die funktion vergleicht dazu die Nummern), der bekommt current.
Was die Klassen beinhalten legst du im CSS fest.

Evtl böte es sich an, statt der <a ...>Nr</a> besser ein <span ...>nr</span> oder ein anderes Element zu nutzen, denn echte Links sind das gar nicht und mit span funktionierts genau so.