div layer

Hva' mæ:
<script type="text/javascript">
  var layerId = "layer";
  var lastButtonIdx = "sidsteKnap";
  var antal_layers = 10;
  var antal_sekunder = 5;
  var timer;
  var currentLayerIdx = 1;
  var currentLayerElm;
  function changeLayer() {
      if (currentLayerIdx > antal_layers) {currentLayerIdx = 1;}
      if (currentLayerElm) {currentLayerElm.style.display = "none";}
      currentLayerElm = document.getElementById(layerId+currentLayerIdx);
      currentLayerElm.style.display = "block";   
      currentLayerIdx++;
  }
 
  function skipToLast() {
      currentLayerIdx = antal_layers;
      changeLayer();
      document.getElementById(lastButtonIdx).style.display = "inline";
      stopTimer();
     
  }
 
  function continueTimer() {
      document.getElementById(lastButtonIdx).style.display = "none";
      currentLayerIdx = 1;
      changeLayer();
      startTimer();
  }
 
  function startTimer() {
    timer = setInterval("changeLayer();",antal_sekunder*1000);
  }
  function stopTimer() {
    window.clearInterval(timer);
  }
 
  window.onload = function() {
    changeLayer();
    startTimer();
  }
 

</script>

<body>
<form name="form1">
<div id="layer1" class="layer">1<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer2" class="layer">2<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer3" class="layer">3<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer4" class="layer">4<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer5" class="layer">5<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer6"  class="layer">6<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer7" class="layer">7<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer8" class="layer">8<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer9" class="layer">9<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer10" class="layer">10<input type="button" value="Gå til sidste" onclick="skipToLast();" />
<input type="button" id="sidsteKnap" value="Fortsæt" style="display:none;" onclick="continueTimer();" /></div>
</form>

Den spørger om jeg vil acceptere blabla, og den viser det forkert...

acceptere hvad? Det virker fint her (Mozilla Firefox 1.0) - hvis jeg altså har forstået spørgsmålet korrekt. Checker lige IE når jeg kommer ind i Windows engang.

ak og ve, ja nu kan jeg se
at fejlen min er, og løsningen er her:

<style type="text/css">
  .layer {
      display:none;
  }
</style>

Kunne man så også lave så den fader mellem de layers?

Ja, du må gerne lige checke det i windows. IE

okay, efter meget besvær fik jeg bakset det her sammen - håber det virker nogenlunde tilfredsstillende:
<script type="text/javascript">
  var layerId = "layer";
  var lastButtonIdx = "sidsteKnap";
  var antal_layers = 10;
  var antal_sekunder = 2;
  var timer,fadingTimer;
  var fadingTime = 2; // i ms
  var nextLayerOpacity = 0;
  var prevLayerOpacity = 100;
  var currentLayerIdx = 1;
  var currentLayerElm, previousLayerElm;
  var dOpacity = 5; // hvor meget den fader per gang (fra 1-100)
  var fadingSpeed;
  function changeLayer() {
      if (currentLayerIdx > antal_layers) {currentLayerIdx = 1;}
      if (arguments.length == 1) {prevIdx = arguments[0];}
      else {prevIdx = (currentLayerIdx == 1) ? antal_layers : currentLayerIdx-1;}
      previousLayerElm = document.getElementById(layerId+prevIdx);
      currentLayerElm = document.getElementById(layerId+currentLayerIdx);
      currentLayerElm.style.display = "block";
      // beregner fade-timerens interval
      if ((currentLayerElm.filters || typeof currentLayerElm.style.MozOpacity != "undefined") && prevIdx != currentLayerIdx) {
          fadingSpeed = 100/dOpacity*fadingTime;
          fadingTimer = window.setInterval("fadeLayers();",fadingSpeed);
      }
      currentLayerIdx++;
  }

  function fadeLayers() {
      nextLayerOpacity += dOpacity;
      prevLayerOpacity -= dOpacity;
      if (currentLayerElm.filters) {
          currentLayerElm.filters.alpha.opacity = nextLayerOpacity;
          previousLayerElm.filters.alpha.opacity = prevLayerOpacity;
      }
      else {
          currentLayerElm.style.MozOpacity = nextLayerOpacity/100;
          previousLayerElm.style.MozOpacity = prevLayerOpacity/100;
      }

      if (nextLayerOpacity == 100) {
            stopFading();
            prevLayerOpacity = 100;
      }
  }

  function stopFading() {
        previousLayerElm.style.display = "none";
        window.clearInterval(fadingTimer);
        nextLayerOpacity = 0;
  }


  function skipToLast() {
      var tempIdx =  (currentLayerIdx == 1 || currentLayerIdx == antal_layers+1) ? antal_layers : currentLayerIdx-1;
      currentLayerIdx = antal_layers;
      stopTimer();
      changeLayer(tempIdx);
      document.getElementById(lastButtonIdx).style.display = "inline";
  }

  function continueTimer() {
      document.getElementById(lastButtonIdx).style.display = "none";
      currentLayerIdx = 1;
      changeLayer();
      startTimer();
  }

  function startTimer() {
    timer = setInterval("changeLayer();",antal_sekunder*1000);
  }
  function stopTimer() {
    window.clearInterval(timer);
    if (fadingTimer) {stopFading();}
  }

  window.onload = function() {
    changeLayer();
    startTimer();
  }


</script>

<style type="text/css">
  .layer {
      display:none;
      position:absolute;
  }
</style>
</head>
<body>
<form name="form1" style="position:relative;">
<div id="layer1" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">1<input type="button" style="background-color:#f00" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer2" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">2<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer3" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">3<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer4" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">4<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer5" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">5<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer6"  class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">6<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer7" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">7<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer8" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">8<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer9" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">9<input type="button" value="Gå til sidste" onclick="skipToLast();" /></div>
<div id="layer10" class="layer" style="-moz-opacity:0;filter:alpha(opacity=0);">10<input type="button" value="Gå til sidste" onclick="skipToLast();" />
<input type="button" id="sidsteKnap" value="Fortsæt" style="display:none;" onclick="continueTimer();" /></div>
</form>

Det spiller fanme MAX...

Fantastisk TAK.

det var dejligt :-)

men sig til hvis der er problemmer.

og tak for points :-)