1

この画像スライダーは次の画像を表示しません。私は3つの画像を持っています..image1、image2、およびimage3ですが、image1にしか残りません..

<script type="text/javascript">
var image1 = new Image();
image1.src="jokes.png";
var image2 = new Image();
image2.src="facts.png";
var image3 = new Image();
image3.src="csharp.png";
</script>



<img src="jokes.png" name="slide" width="200" height="200">
<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");
    if (step < 3) {
        step++;
        else step = 1
        setTimeout("slideit()", 2500);
    }
    slideit()
}
</script>
4

2 に答える 2

4

関数slideItが呼び出されることはないためです。最初の呼び出しは関数内に含まれています...

これを試して

<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");

    if (step < 3)
        step++;
    else 
        step = 1

    setTimeout("slideit()", 2500);
}

//First call
slideit();
</script>
于 2013-02-24T20:09:54.343 に答える
0

sdespontの答えとは別に、構文に問題があります

<script type="text/javascript">
var step = 1;

function slideit() {
    document.images.slide.src = eval("image" + step + ".src");
    if (step < 3){ 
      step++;
    }else{ 
     step = 1;
    }
    setTimeout("slideit()", 2500);

}

//First call
slideit();
</script>
于 2013-02-24T20:16:24.527 に答える