0

一連の画像を 360 度回転させるプラグインがあります (正確には 300 度)。for in ループまたは for ループを使用してすべての画像を循環できるかどうかを知りたいです。今はこんな感じでセットアップ。

$("#spin").spritespin({
        width     : 510,
        height    : 327,
        frames    : 10,
        image     : [
                "360rotation/000.jpg",
                "360rotation/001.jpg",
                "360rotation/002.jpg",
                "360rotation/003.jpg",
                "360rotation/004.jpg",
                "360rotation/005.jpg",
                "360rotation/006.jpg",
                "360rotation/007.jpg",
                "360rotation/008.jpg",
                "360rotation/009.jpg",
                  ],

        animate   : true,
        loop      : true,
        frameTime : 60,
        fadeFrames : 20,
        fadeInTime : 0,
        fadeOutTime : 120
      });

これは機能しますが、300 個の画像すべてを入力したくありません。どうすればこれをより速く行うことができますか?

4

2 に答える 2

2

最も簡単な方法は、既知の開始画像と終了画像に基づいて配列にデータを入力することです。

function namePad(num){
    if (num < 10){
        return '00' + num;
    }
    else if (num >=10 && num < 100){
        return '0' + num;
    }
    else {
        return num;
    }
}

var imageArray = [];

for (var i=0; i < 300; i++){
    imageArray.push('360rotation/' + namePad(i) + '.jpg');
}

JSFiddleの概念実証。

于 2012-06-15T20:00:09.410 に答える
0

多分何かのような

var images = new Array();

for (i = 0; i < (n = 301); i++) {
  images.push("360rotation/00" + i + ".jpg")
}

$("#spin").spritespin({
    width     : 510,
    height    : 327,
    frames    : 10,
    image     : images,

    animate   : true,
    loop      : true,
    frameTime : 60,
    fadeFrames : 20,
    fadeInTime : 0,
    fadeOutTime : 120
  });
于 2012-06-15T20:09:20.457 に答える