Image Slider in Javascript

Dieser image slider nicht zeigen, das nächste Bild. Ich habe 3 Bilder .. image1, image2 und image3 aber es bleibt nur auf 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>
  • Es ist auch erwähnenswert, dass, wenn slideit() sich selbst aufruft, wird es nur einmal wiederholen, da Sie mit setTimeout statt setInterval.
InformationsquelleAutor Sef Beezy | 2013-02-24
  1. 4

    Weil Ihre Funktion slideIt wird nie aufgerufen. Der erste Aufruf ist enthalten in der Funktion...

    Versuchen, diese

    <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>
    • Ich habe es immer noch nicht ändern..
    • Siehe meine Antwort
    • Oh, Sie haben einen Tippfehler in Ihrer Funktion zu. Versuchen Sie, meine aktualisierte Antwort.
    InformationsquelleAutor sdespont
  2. 0

    Abgesehen von sdespont Antwort gibt es ein problem mit der syntax

    <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>
    InformationsquelleAutor Adi
Schreibe einen Kommentar