Bildwechsel - Problem mit Zähler

[Don P]

Hallo,

Hab schon nach Beispielen im Netz gesucht, um den Code zu verstehen und auf meinen zu übertragen.

Anscheinend verstehst du auch "deinen" kein bisschen.
Wo hast du z.B. das HTML-Element <header> her? Wirf es dahin zurück, wo du es gefunden hast, es taugt nichts.

Die Navigation funktioniert in beide Richtungen tadellos, nur ändert sich die Nummer nicht.

Natürlich nicht, weil auch nirgends im Script angegeben ist, dass sie sich bei Klick ändern soll. Da du anscheinend wirklich überhaupt keinen Plan hast und eigentlich schon fast am Ziel bist, will ich mal eine Ausnahme machen, und dir den Rest auch noch posten:

<script type="text/javascript">  
var imgs = [  
  {pfad: 'grafics/1.jpg', nummer:1},  
  {pfad: 'grafics/2.jpg', nummer:2},  
  {pfad: 'grafics/3.jpg', nummer:3},  
  {pfad: 'grafics/4.jpg', nummer:4},  
];  
  
imgs.rotate = function (direction) {  
  
  if      (direction > 0) { this.push(this.shift());  }  
  else if (direction < 0) { this.unshift(this.pop()); }  
}  
  
function nextImg(direction) {  
  
  imgs.rotate(direction);  
  document.getElementById("bg").src = imgs[0].pfad;  
  document.getElementById("bildNr").innerHTML = imgs[0].nummer + '/' + imgs.length; // Neue Zeile  
}  
</script>

---

<div><img id="bg" src="grafics/1.jpg"></div>  
<div id="bildNr"> <!-- Geänderte Zeile -->  
  <script type="text/javascript">  
[code lang=javascript]    document.write ('<p><a href="javascript:nextImg(- 1)"> prev<\/a> | <a href="javascript:nextImg(1)">next <\/a><\/p>');  
    document.write(imgs[0].nummer);  
    document.write("/" + imgs.length);  

~~~  </script>  
</div>[/code]  
  
Ist zwar von mir nicht getestet, aber verstehst du, was die Unterschiede zu deinem Code jetzt im einzelnen bewirken (sollen)?  
  
Viel Spass, Don P