Zeitgesteurtes Ein-/Ausblenden von Layern

[Gunnar Bittersmann]

Hello out there!

weißt du wie ein-/ausblenden funktioniert? Wenn nicht document.getElementById+style+visibility.

Dabei müsste man aber beide Elemente deckungsgleich positionieren. Das kann man sich bei Verwendung von http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display sparen.

Dazu startest du im onload-Event ein window.setInterval, das eine Austauschfunktion aufruft.

... die wiederum ein Intervall startet ...

Zusätzlich legst du eine globale Variable an, in der du dir merkst welches Bild du gerade anzeigst (alternativ kannst du auch einfach gucken welches von beiden gerade visible ist oder du gehst einfach alle durch und invertierst ihren Visibility-Wert).

Was ist daran einfach? Einfach ist: die globale Variable ist einfach nur ein Flag, was bei jedem Wechsel negiert wird:

if (flag) {  
  document.getElementById("foo").style.display = "block";  
  document.getElementById("bar").style.display = "none";  
}  
else {  
  document.getElementById("foo").style.display = "none";  
  document.getElementById("bar").style.display = "block";  
}  
flag = !flag;

See ya up the road,
Gunnar