Blättern in Fotoalbum UND individuelle Foto-Auswahl

[Patrick Andrieu]

Hallo Jürgen, hallo myself!

Ich bin natürlich auf alles neugierig, was Mathias hier postet. Da lernt man immer was!

Ich bin aber noch neugieriger darauf, ob ich sowas hinkriege!

------------------------------------------------------
galerie.js:

var gallery = new function () {  
  var direction = 0;  
  this.getFirst = function(img,link) {  
      img.src = link.href;  
  }  
  this.getLast = function(img,link) {  
      img.src = link.href;  
  }  
  this.paging = function(img,link) {  
      img.src = link.href;  
  }  
  this.start = function() {  
      window.onload = function () {  
        var bilderlinks = document.getElementById('thumbliste').getElementsByTagName('a');  
        var summe = bilderlinks.length;  
        var buttons = document.getElementById('blaettern').getElementsByTagName('LI');  
        var img = document.aktuelles_foto;  
        for (var i = 0; i < summe; i++) {  
          bilderlinks[i].ind= i;  
          bilderlinks[i].onclick = function() {  
            direction = this.ind;  
            img.src = this.href;  
            return false;  
          }  
        }  
        buttons[0].onclick = function() {  
           direction = 0;  
           gallery.getFirst(img,bilderlinks[direction]);  
        }  
        buttons[1].onclick = function() {  
          direction = direction > 0 ? direction-1 : 0;  
          gallery.paging(img,bilderlinks[direction]);  
        }  
        buttons[2].onclick = function() {  
          direction = direction < summe-1 ? direction+1 : direction;  
          gallery.paging(img,bilderlinks[direction]);  
        }  
        buttons[3].onclick = function() {  
          direction = summe-1;  
          gallery.getLast(img,bilderlinks[direction]);  
       }  
     }  
  }  
}  
gallery.start();

------------------------------------------------------

Bei dem Skript müsstest Du aus dem HTML-Code Deiner menschen2.html alle onclick(...) return false; herausnehmen, auch aus den li-Elementen der Liste mit der ID »blaettern«. Die IDs der einzelnen Listenpunkte sind jetzt auch überflüssig. Wenn Dir was unklar ist, nur zu mit Fragen!

Ich habe dieses Mal keine Testseite für meinen Webspace erstellt, ich habe es aber lokal getestet und bisher keine Bugs festgestellt. Vielleicht baust Du eine menschen3.html zum Testen dieses Skripts.

In der CSS notierst Du noch:

cursor:pointer; bei ul#blaettern li {}

und nimmst es aus ul#blaettern li:hover raus (dann klappt's auch mim IE6, der :hover nur für Links kennt).

Aber warte vor dem endgültigen Einbau, Struppi und/oder Mathias werden sicherlich Verbesserungen vorschlagen!

Was mir noch aufgfallen ist... warum hast Du:

<div id="kopf"><br>  
<br>  
</div>

stethen? Wozu die <br>?

Viele Grüße aus Frankfurt/Main,
Patrick