Hallo,
Jetzt möchte ich, dass angezeigt wird, bei welchem Bild sich der User gerade befindet. Also z.b. "2/6" beim nächsten "3/6" ...
Dann könntest du einen Zähler verwalten, der bei jedem Wechsel eins hoch bzw. runterzählt.
Oder in deinem Array Objekte speichern statt einfacher Strings:
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},
];
Und zum Wechseln dann:
function nextImg(direction) {
imgs.rotate(direction);
document.getElementById("bg").src = imgs[0].pfad;
}
in meinem Array sind die Bilder nicht nummeriert und ich weiß nicht, wie ich das aktuelle Bild definieren muss.
Array-Elemente sind immer nummeriert, und zwar in deinem Fall von imgs[0]
bis imgs.length
.
Aber das nützt dir hier nicht viel, weil du immer nur auf imgs[0]
zugreifst. Daher scheint mir die Objekt-Lösung ganz praktisch. Beim Rotieren rotiert dann die Eigenschaft "nummer" gleich mit.
Jetzt hast du mit imgs[0].nummer
immer die aktuelle Bildnummer und mit imgs.length
die Gesamtzahl. Musst sie nur noch in deinem DIV jeweils anzeigen (SELF).
Gruß, Don P