So, ich hab das jetzt mal mit dem Vorschlag von Don P. ausprobiert, da ich jetzt nicht meinen gesamten Code über Bord werfen wollte.
Allerdings wird mir der Zähler leider nicht angezeigt.
Was ist falsch?
<header>
<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;
}
</script>
</header
----------------
<body>~~~javascript
<div class="navibilder" style="width:40%;"><script type="text/javascript">
<!--
document.write ('<p><a href="javascript:nextImg(- 1)"> < prev</a> | <a href="javascript:nextImg(1)">next > </a></p>');
// -->
document.write(document.imgs[0].nummer);
document.write("/" + document.imgs.length);</script> </div>
</body>