1

これが私がやりたいと思うことですが、正しい方法で頭を包むことはできません。

だから私はたくさんの画像を変数にロードします（デジタル時計を考えてください）...

var digit0 = "images/d0.png";
var digit1 = "images/d1.png";
var digit2 = "images/d2.png";
var digit3 = "images/d3.png";
var digit4 = "images/d4.png";
var digit5 = "images/d5.png";
var digit6 = "images/d6.png";
var digit7 = "images/d7.png";
var digit8 = "images/d8.png";
var digit9 = "images/d9.png";

次に、ループでそれらの画像をdivにロードしようとします...

//SKIP A BUNCH OF TIMER CODE THAT WORKS AND GIVES ME "seconds".

var secondDigit = "digit"+(seconds.toString()).substr(1,1);
//Trying to make a string that refers to the matching variable above.

$("#d1").html('<img src="'+digit0+'" />');        //-- THIS ONE WORKS 
$("#d2").html('<img src="'+secondDigit+'" />');   //-- THIS ONE DOESN'T

編集:この方法を使用すると、毎回サーバーにヒットしますか? もしそうなら、それは私が望むものではありません。毎回サーバーにアクセスすることなく何度も使用できるように、画像を一度保存​​したいと考えています。

ありがとう！

4

1 に答える 1

1

画像はブラウザによってキャッシュされるため、心配する必要はありません。

変数の配列 (:P) の代わりに実際の配列を使用します。

var digits [
    "images/d0.png",
    "images/d1.png",
    "images/d2.png",
    "images/d3.png",
    "images/d4.png",
    "images/d5.png",
    "images/d6.png",
    "images/d7.png",
    "images/d8.png",
    "images/d9.png"
];

var secondDigit = seconds.toString().substr(1,1);

$("#d2").html('<img src="' + digits[secondDigit] + '" />');
于 2013-01-31T19:58:33.280 に答える