Blättern in Fotoalbum UND individuelle Foto-Auswahl

[Patrick Andrieu]

Rere!

Mathias sagte: »Außerdem würde ich die Blätter-Navigation mit JavaScript einfügen, da sie ohnehin nur mit JavaScript funktioniert und nicht direkt im HTML-Quelltext liegen sollte, wenn sie keine Funktionalität hat.«, ein berechtigter Einwand ;)

So geht's jetzt auch mit meinem Beispiel:

»» ------------------------------------------------------

var gallery = new function () {

var direction = 0;
  this.paging = function(img,link) {
      img.src = link.href;
  }
  this.start = function() {
      window.onload = function () {

// ADD HIER:
           document.getElementById('blaettern').style.display = "block";
// ENDE ADD

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.paging(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.paging(img,bilderlinks[direction]);
       }
     }
  }
}
gallery.start();

>   
> »» ------------------------------------------------------  
  
Und im CSS für ul#blaettern:  
  
display:none;  
  
  
Viele Grüße aus Frankfurt/Main,  
Patrick

-- 
\_ - jenseits vom delirium - \_  
![](http://www.atomic-eggs.com/fuernA.jpg)  
   [Diblom](http://www.atomic-eggs.com/pics/diblom.png)   [[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash](http://www.atomic-eggs.com/)]  
[J'ai 10 ans!](http://www.atomic-eggs.com/wae/wae_10.shtml#a5) | Achtung [Agentur](http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5)! | Nichts ist unmöglich? [Doch!](http://www.atomic-eggs.com/cwi/cwi_4.shtml) | [Heute](http://www.atomic-eggs.com/cgi-bin/date_today.pl) schon ge[gök](http://goek.atomic-eggs.com/goek_goek.html)t?