Mirko: Bilderwechsel-DHTML in Netscape 6

Beitrag lesen

Halli hallo,

Hallo Mirko, was glaubst du, warum ich den Link angegeben habe??
http://www.teamone.de/selfhtml/tfcc.htm

... du hast das schon richtig gemacht mit dem Link. Mirko hat einfach nicht gut dein Posting gelesen :(

Äh... Stimmt leider, sorry. Asche auf mein gebeugtes Haupt.

Hier mal die angepasste (ungetestete) Version:

<html>
  <head>
  <script language="JavaScript">
  <!--
  var Bild = new Array(7);
  Bild[0] = new Image(); Bild[0].src="sonne.gif";
  Bild[1] = new Image(); Bild[1].src="mond.gif";
  Bild[2] = new Image(); Bild[2].src="sterne.gif";
  Bild[3] = new Image(); Bild[3].src="feuer.gif";
  Bild[4] = new Image(); Bild[4].src="wasser.gif";
  Bild[5] = new Image(); Bild[5].src="luft.gif";
  Bild[6] = new Image(); Bild[6].src="erde.gif";
  var zeige = 0;
  var aktuelleBreite = 0;
  var Breite = 289;
  var Geschwindigkeit = 20;

function Blaettern(Richtung)
  {
   zeige = zeige + Richtung;
   if(zeige > Bild.length - 1) zeige = 0;
   else if(zeige < 0) zeige = Bild.length - 1;
   if(document.all)
   {
     document.all.Bildbereich.style.clip = "rect(0 0 302 0)";
     document.all.Bildbereich.innerHTML =
     "<layer width=289 height=302><img src="" + Bild[zeige].src + ""></layer>";
   }
   else if(document.layers)
   {
    document.layers[0].visibility = "hide";
    document.layers[0].document.open();
    document.layers[0].document.write("<img src="" + Bild[zeige].src + "">");
    document.layers[0].document.close();
    document.layers[0].clip.right = 0;
    document.layers[0].visibility = "show";
   }
   else if(document.getElementById)
   {
     document.getElementById('Bildbereich').style.visibility = 'hidden';
     document.getElementById('Bildbereich').innerHTML =
     "<layer width=289 height=302><img src="" + Bild[zeige].src + ""></layer>";
   }
   BildAufbauen();
  }

function BildAufbauen()
  {
   if(aktuelleBreite <= Breite)
   {
    if(document.all)
      document.all.Bildbereich.style.clip="rect(0 "+ aktuelleBreite + " 302 0)";
    else if(document.layers)
      document.layers[0].clip.right = aktuelleBreite;
    else if(document.getElementById)
      document.getElementById('Bildbereich').style.clip = "rect(0 "+ aktuelleBreite + " 302 0)";
    aktuelleBreite = aktuelleBreite + Geschwindigkeit;
    window.setTimeout("BildAufbauen()",0);
   }
   else
   {
    aktuelleBreite = 0;
    if(document.all)
      document.all.Bildbereich.style.clip="rect(0 " + Breite + " 302 0)";
    else if(document.layers)
      document.layers[0].clip.right = Breite;
    else if(document.getElementById)
      document.getElementById('Bildbereich').style.clip = "rect(0 " + Breite + " 302 0)";
   }
  }
  function Init()
  {
   if(document.all)
    document.all.Bildbereich.innerHTML =
    "<layer width=289 height=302><img src="" + Bild[0].src + ""></layer>";
   else if(document.layers)
   {
    document.layers[0].document.open();
    document.layers[0].document.write("<img src="" + Bild[0].src + "">");
    document.layers[0].document.close();
   }
   else if(document.getElementById)
    document.getElementById('Bildbereich').innerHTML =
    "<layer width=289 height=302><img src="" + Bild[0].src + ""></layer>";
  }
  // -->
  </script>
  </head>
  <body bgcolor=#FFFFFF onLoad="Init()">

<div id="Bildbereich" style="position:absolute; left:10px; top:140px;
  padding:0px; clip:rect(0 289 302 0); visibility:show;">
  <layer width=289 height=302></layer></div>

<div style="position:absolute; left:320; top:140; width:100; font-size:18pt;" width=100>
  [<a href="javascript:Blaettern(-1)"><<</a>]
  [<a href="javascript:Blaettern(1)">>></a>]
  </div>

</body>
</html>

Falls es Probs gibt, einfach nochmal melden :).

Mirko