자바 스크립트 - 슬라이드 쇼 이미지 크기 조정

Question

JavaScript로 슬라이드 쇼를 만들려고하고 있는데 절반의 이미지 만 표시하고 싶지만 문제가 있습니다. 일부 이미지의 너비와 높이는 Chrome 및 Opera에서 0과 같습니다. 왜?

HTML

<img id="picArt" src="0.jpg" onload="resizeImage();" /> <br /> 
<input type="button" value="Back" onclick="slidePic('P');" /> 
<input type="button" value="Forward" onclick="slidePic('N');" /> 

자바 스크립트를

var picArt = document.getElementById("picArt"); 
var picLocal = new Array(); 

for(var num=0;num<=17;num++) { 
    picLocal[num] = String(num) +".jpg"; 
} 

var desrib = new Array(); 

var preLoad = new Array(); 
var next = 0, picLength = (picLocal.length-1); 
for(var num=0;num <= picLength; num++) { 
    preLoad[num] = new Image(); 
    preLoad[num].src = picLocal[num]; 
} 

function slidePic (how) { 
    if(how == "N") next++; 
    if(how == "P") next--; 
    if(next> picLength) next =0; 
    if(next <0) next = picLength; 

    picArt.src = preLoad[next].src; 
} 

function resizeImage() { 
    var originImage = new Image(); 
    originImage.src = picArt.src; 

    picArt.width = originImage.width/2; 
    picArt.height = originImage.height/2; 
} 

Answer 1

자바 스크립트, CSS에서 이미지 크기를 조정할 수 있음? 예 : JS없이 자동 폭과 높이를 조정할

img{ 
    width:200px; 
    max-width:200px; 
}