在Javascript上缩放动画图像大小 $（文档）.ready（函数（）{ if（window.addEventListener）window.addEventListener（“加载”，animateImagesStart，false）； else if（window.attachEvent）window.attachEvent（“onload”，animateImagesStart）； }); 函数animateImagesStart（）{ var-imgs=[ “image/dragon/drag0.png”、“image/dragon/drag1.png”、“image/dragon/drag2.png”、“image/dragon/drag3.png”、“image/dragon/drag4.png”、“image/dragon/drag5.png”、“image/dragon/drag6.png”、“image/dragon/drag7.png”、“image/dragon/drag8.png”、“image/dragon/drag9.png” ]; //预加载图像 变量img，计数=imgs.length， imageLoadComplete=功能（ev）{ 如果（ev.type==“error”）imgs.splice（imgs.indexOf（this），1）； }; 对于（变量i=0；i=imgs.length）currentImageIndex=0； if（imgs[currentImageIndex].complete）doming.style.backgroundImage=“URL”（“+imgs[currentImageIndex].src+”）； currentImageIndex++； 设置超时（动画图像，1000）； }; setTimeout（animateImages，0）；

}

现在，动画图像很小，只是默认的图像大小，如何将其缩放到更大的r大小？我尝试（imgs[currentImageIndex].complete）doming.style.backgroundImage.height='200px'； if（imgs[currentImageIndex].complete）doming.style.backgroundImage.width='200px'； 这没用

我也试着 现在，有4个动画图像实例，而不是更大的动画大小，它们的大小和原始大小都相同

我想要的是动画图像的一个实例并将其放大。

您想要使用CSS声明来缩放背景图像。背景图像缩放与应用背景的节点的尺寸没有直接关联。默认情况下，背景将以原始图像的任何分辨率进行渲染，并平铺以适合指定给它们的任何节点（这就是为什么增加div的大小时会看到多个背景图像）

请注意，IE9及以上版本支持背景大小，但IE9以下版本不支持背景大小。（所有其他主流浏览器都支持它已经有一段时间了。）如果您需要支持IE8及更低版本，您可能需要插入一个实际的img标记，该标记按您的需要进行缩放，并使用z-index确保它在其他节点后面呈现

<div id="dragon" style="position: absolute; left: 600px; top: 400px;  width:90px; height:90px;">

   <script language="JavaScript">

 $(document).ready(function() {

if(window.addEventListener)window.addEventListener("load",animateImagesStart,false);
else if(window.attachEvent)window.attachEvent("onload",animateImagesStart);
 });


function animateImagesStart() {

var imgs=[
        "image/dragon/drag0.png", "image/dragon/drag1.png", "image/dragon/drag2.png",    "image/dragon/drag3.png",  "image/dragon/drag4.png", "image/dragon/drag5.png", "image/dragon/drag6.png", "image/dragon/drag7.png", "image/dragon/drag8.png","image/dragon/drag9.png"
    ];

// preloading images
var img,count=imgs.length,

    imageLoadComplete=function(ev) {
        if(ev.type=="error")imgs.splice(imgs.indexOf(this),1);
    };

for(var i=0;i<count;i++){
    img=new Image();
    img.onerror=imageLoadComplete;
    img.src=imgs[i];
    imgs[i]=img;
}

var domImg=document.getElementById("dragon"),
    currentImageIndex=0,
    animateImages=function(){
        if(currentImageIndex>=imgs.length)currentImageIndex=0;
        if(imgs[currentImageIndex].complete)domImg.style.backgroundImage="URL("+imgs[currentImageIndex].src+")";

        currentImageIndex++;
        setTimeout(animateImages,1000);
    };
setTimeout(animateImages,0);