Javascript-调整幻灯片图像的大小

我正在尝试用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');" />

JavaScript

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;
}

var picArt=document.getElementById（“picArt”）；
var picLocal=新数组（）；
for（var num=0；num可能是CSS中的调整大小图像，而不是JavaScript？
例如：


自动调整宽度和高度的大小，无js

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