2013-02-24 2 views
1

이 이미지 슬라이더는 다음 사진을 표시하지 않습니다. 나는 3 개 이미지 .. image1에, 이미지 2 및 이미지 3을 가지고 있지만 함수 slideIt가 호출되지 않습니다 때문에 그것은 단지이미지 슬라이더 (자바 스크립트)

<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> 
+0

또한 주목할만한 가치가 그 slideit'경우() '자체를 호출하면'setInterval' 대신'setTimeout'을 사용하기 때문에 한번만 반복됩니다. – Nightfirecat

답변

4

.. image1에에 유지됩니다. 첫 번째 호출은

구문에 문제가 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> 
+0

나는 아직도 변화하지 않는다는 것을 시도했다. –

+0

@SefBeezy 나의 대답을보십시오 – tnanoba

+0

오, 당신도 오타가 있습니다. 내 대답을 업데이트 해보십시오. – sdespont

0

을 시도 ... 함수 내부에 포함되어

<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> 
관련 문제