Don P: Bildwechsel - Problem mit Zähler

Beitrag lesen

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

0 78

Bildwechsel - Problem mit Zähler

Heike
  • javascript
  1. 0
    Heike
    1. 0
      Jeremy
  2. 0
    gast42
    1. 0
      Don P
      1. 0
        gast42
        1. 0
          Don P
      2. 0
        MudGuard
        1. 0
          Don P
          1. 0
            dedlfix
            1. 0
              Don P
              1. 0
                dedlfix
                1. 0
                  Don P
                  1. 0
                    dedlfix
                    1. 0
                      Don P
  3. 0
    Don P
    1. 0
      suit
      1. 0
        Don P
        1. 0
          suit
          1. 0
            Don P
            1. 0
              dedlfix
              1. 0
                Don P
                1. 0
                  suit
                  1. 0
                    Don P
                    1. 0
                      suit
                    2. 0
                      dedlfix
                2. 0
                  dedlfix
                  1. 0
                    Don P
                    1. 0
                      dedlfix
                      1. 0
                        Don P
                        1. 0
                          dedlfix
                          1. 0
                            Kai345
                            1. 0
                              Don P
                            2. 0
                              Don P
                              1. 0
                                dedlfix
                                1. 0
                                  Don P
                                  1. 0
                                    dedlfix
                                    1. 0
                                      Don P
                                      1. 0
                                        dedlfix
                                        1. 0
                                          Don P
                                          1. 0
                                            suit
                                            1. 0
                                              Don P
                                              1. 0
                                                suit
                                                1. 0
                                                  Don P
                                                  1. 0
                                                    suit
                                                    1. 0
                                                      Don P
                                          2. 0
                                            dedlfix
                                      2. 0
                                        dedlfix
                                        1. 0
                                          Don P
          2. 0
            Don P
            1. 0
              suit
              1. 0
                Don P
                1. 0
                  suit
                  1. 0
                    Don P
            2. 0

              Algorithmen

              JürgenB
              • menschelei
              1. 0
                suit
              2. 0
                Don P
                1. 0
                  dedlfix
                  1. 0
                    Don P
    2. 0
      Heike
      1. 0
        dedlfix
        1. 1
          Heike
          1. 0
            suit
            1. 0
              Heike
              1. 0
                Felix Riesterer
              2. 0
                dedlfix
              3. 0
                Don P
                1. 0
                  Heike
                  1. 0
                    suit
                    1. 0
                      Heike
                      1. 0
                        Heike
                        1. 0
                          suit
                          1. 0
                            Heike
                            1. 0
                              Heike
                              1. 0
                                suit
                            2. 0
                              suit
                      2. 0
                        suit
          2. 0
            Don P