[英]Javascript - Resizing Slideshow Images
我正在嘗試用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;
}
可以在CSS中調整圖像大小,而不是JavaScript? 例:
img{
width:200px;
max-width:200px;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.