Automatisk billede skift

Jeg har noget her, men det virker ikke rigtigt.

Problemmet er at felt1 placeres helt oppe hvor top=0px, selvom jeg har angivet 115 px.

<html>
<head>

<LINK href=css/stylesheet.css     rel=stylesheet     title=css         type=text/css>
</head>
<title>et lille eksperiment</title>
<body onload=\"hhh1();\" leftmargin=\"0\" topmargin=\"0\">
    <script language=\"javascript\">   
    function checkBrowser(){
        this.ver=navigator.appVersion
        this.dom=document.getElementById?1:0
        this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
        this.ie4=(document.all && !this.dom)?1:0;
        this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
        this.ns4=(document.layers && !this.dom)?1:0;
        this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
        return this
    }
    bw=new checkBrowser()
    function showHide(div,nest){
        obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
        if(obj.visibility==\'visible\' || obj.visibility==\'show\') obj.visibility=\'hidden\'
        else obj.visibility=\'visible\'
    }
    function hide(div,nest){
        obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
        obj.visibility=\'hidden\'
    }
    </script>



<!-- script til animationen start -->
    <script language=\"JavaScript\">
    i=1;
    function hhh1()    {
        if(i==0) {
            hide(\'felt2\');
            showHide(\'felt1\')
            i=1;
        }
        else if(i==1) {
            hide(\'felt1\');
            showHide(\'felt2\');
            i=0;
        }
            if(document.all)    
                setTimeout(\"hhh1()\",3000);
            else    
                setTimeout(\"document.layers.ad1.hhh1()\",3000);
    }

    </script>
<!-- script til animationen slut -->

<div id=\"felt1\" WIDTH=779 HEIGHT=70 style=\"top: 115px; left: 0px\">
<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" WIDTH=779 HEIGHT=70>
<tr>
<td valign=\"top\" bgcolor=\"#910047\" align=\"center\"><p>&nbsp;</p>
Tekst 1
</td>
</tr>
</table>
</div>

<div id=\"felt2\" WIDTH=779 HEIGHT=70 style=\"top: 115px; left: 0px\">
<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" WIDTH=779 HEIGHT=70>
<tr>
<td valign=\"top\" bgcolor=\"#3f3f3f\" align=\"center\"><p>&nbsp;</p>
Tekst 2
</td>
</tr>
</table>
</div>           
<!-- slut layer 2 -->
</body>
</html>

style=\"position:absolute;top: 115px; left: 0px\">

var imgArray = new Array();
var tmrImgChng;
var curImg = 0;

imgArray[0] = new Image;
imgArray[0].src = \'images/test1.gif\';imgArray[1] = new Image;
imgArray[1].src = \'images/test1.gif\';
imgArray[2] = new Image;
imgArray[2].src = \'images/test1.gif\';
function changeImage()
{
  if(curImg<imgArray.length)
    curImg++;
  else
    curImg = 0;

  document.all.dynImg.src = imgArray[i].src;
  tmrImgChng = window.setTimeout(\"changeImage()\",10000);
}


<body onload=\"changeImage()\">
<img id=\"dynImg\">
</body>

upps jeg har løst det

ja lige netop roenving, det var det jeg manglede

ovenstående skifter imellem de 3 billeder hvert 10. sekund.


document.all er jo en ie feature, så hvis du vil køre det i andre browsere skal du bruge den browser detect du selv har.

ser spænende ud, tknudsen, det virker dog ikke her hos mig.

<html>
<head>
<title>Automatisk bannervisning/rotation</title>
<script language=\"JavaScript\">
<!--
adImg = new Array(\"../images/massive.gif\",
                  \"../images/prestons.gif\",
                  \"../images/sloopys.gif\");
adUrl = new Array(\"../trick11/massive.htm\",
                  \"../trick11/prestons.htm\",
                  \"../trick11/sloopys.htm\");
curDate = new Date();
curSec = curDate.getSeconds();
adNr = curSec % adImg.length;
adTimer = 0;
function rotate(){
  adNr = adNr + 1;
  if (adNr >= adImg.length) {
    adNr = 0;
    }
  document.adDsp.src = adImg[adNr];
  adTimer = setTimeout(\"rotate()\",5000);
}
function adJumper(){
  clearTimeout(adTimer);
  window.location.href = adUrl[adNr];
}
// -->
</script>

</head>
<body onload=\"rotate();\">
<h1 align=\"center\">Automatisk bannervisning/rotation</h1>
<p align=\"center\">
  <a href=\"java script:adJumper()\">
  <img name=\"adDsp\" src=\"../images/transad.gif\"
      border=\"0\" width=\"468\" height=\"60\"></a></p>
</body>
</html>

Bemærk, der bruges først en gennemsigtig gif!
Skift blot sti og billednavn ud for dit brug.

der er også et par dumme fejl...

dem retter jeg lige

her er hele siden - den ER testet :-)

<html>

<head>

<script>

var imgArray = new Array();
var tmrImgChng;
var curImg = -1;
var imgCount = 2;
imgArray[0] = new Image();
imgArray[0].src = \'images/img1.bmp\';
imgArray[1] = new Image();
imgArray[1].src = \'images/img2.bmp\';
imgArray[2] = new Image();
imgArray[2].src = \'images/img3.bmp\';

function changeImage()
{
    if(curImg<imgCount)
        curImg++;
    else
        curImg = 0;
       
    document.all.dynImg.src = imgArray[curImg].src;
   
    tmrImgChng = window.setTimeout(\"changeImage()\",1000);
}


</script>

</head>

<body onload=\"changeImage()\">
<img id=\"dynImg\">
</body>

</html>

men skal du bruge det som et banner system er sukos inde på noget mere rigtigt med både at ha img stien og linket på samme index...

Eneste kommentar til sokus er at ved brug af Image() objektet bliver billedet loadet FØR onLoad eventet - hvis man derimod ligger selve strengen, til sourcen, i et array og udskifter dette løbende, bliver billederne loadet idet de bliver vist, hvilket kan medføre noget \"vente tid\" i browseren.

Denneher virker i de fleste browsere:
http://hjem.get2net.dk/Jakob.Aggernaes/javascript/javascript06.html

mvh JakobA