2012-09-20 3 views
0

새 이미지()에 대한 문제새 이미지()에 .src를 추가해야합니까?

다음의 코드는, 내가

planet[0] = "images/Venus.jpg" 

이 잘못 생각 '예 둘째 판에 의해 자바 스크립트'에서이다, 그것은

planet[0].src = "images/Venus.jpg" 

하고 교체해야합니다

document.images["planet_pic"].src = planet[i]; 
document.images["planet_pic"].src = planet[i].src; 

맞습니까?

<!DOCTYPE html> 
<html> 
<head> 
    <title>Slide Show</title> 
    <script type="text/javascript"> 
     var i = 0; 
     var timeout; 
     function preLoadImages() { 
      if (document.images) { 
       planet = new Array(); // global variable 
       planet[0] = new Image(); 
       planet[0] = "images/Venus.jpg"; 
       planet[1] = new Image(); 
       planet[1] = "images/Neptune.jpg"; 
       planet[2] = new Image(); 
       planet[2] = "images/Earth.jpg"; 
       planet[3] = new Image(); 
       planet[3] = "images/Mars.jpg"; 
       planet[4] = new Image(); 
       planet[4] = "images/Jupiter.jpg"; 
      } 
      else { 
       alert("There are no images to preload"); 
      } 
     } 
     function startSlideShow() { 
      if (i < planet.length) { 
       document.images["planet_pic"].src = planet[i]; 
       i++; 
      } 
      else { 
       i = 0; 
       document.images["planet_pic"].src = planet[i]; 
      } 
      timeout = setTimeout('startSlideShow()', 1500); 
     } 
     function stopSlideShow() { 
      clearTimeout(timeout); 
     } 
    </script> 
</head> 
<body bgcolor="black" onload="preLoadImages()"> 
    <img name="planet_pic" src="/images/Jupiter.jpg" height="348" 
     width="545px" /> 
    <form> 
     <br /> 
     <br /> 
     <input type="button" value="Start Show" 
      onclick="return startSlideShow();" /> 
     <input type="button" value="Stop Show" 
      onclick="return stopSlideShow();" /> 
    </form> 
</body> 
</html> 
+0

네 모든 확인을 실행해야 –

답변

1

네,해야한다,

planet[0] = new Image(); 
planet[0].src = "images/Venus.jpg"; 
1

이 시도 :

var list = ["Venus.jpg", "Neptune.jpg", "Earth.jpg", "Mars.jpg", "Jupiter.jpg"]; 
var img; 
planet = []; // **WHY a global?** global variable 

for (var i = 0; i < list.length; i++) { 
    img = new Image(); 
    img.src = "images/" + list[i]; 
    planet[i] = img; 
    // or planet.push(img); 
} 
관련 문제