用圖像替換數字

Question

所以基本上我想要做的就是用jQuery來用圖像替換數字。

我想用圖像替換5小時53分鐘，所以如果有5，那麼它會顯示5.jpg，並用3代替相同的東西，並顯示3.jpg。

這裏是我想要做的一個例子： http://pastehtml.com/view/c9of5gm15.html

Answer 1

$('time').html(function(i, v){ 
    return v.replace(/(\d)/g, '<img src=$1.jpg />'); 
}); 

這裏的小提琴：http://jsfiddle.net/FtfkK/

Answer 2

var number = 5; 
$('#myImage').attr('src', 'my_image_path/' + number + '.jpg'); 

Answer 3

你會想使用HTML畫布繪製你的號碼，然後創建一個數據URL

見Capture HTML Canvas as gif/jpg/png/pdf?