js中，如何将数字替换成图片来表示？

我在做计数器。
我现在在页面中的js里，取到了一个变量，是一个数字。我现在想要将数字用图片来表示，请问怎么做？
我想要详细一些的js代码。
我用了replace，但是好像不行。

解决方案 »

  1.   

    http://topic.csdn.net/u/20111127/14/dfbf4bbe-88b5-43aa-bbc5-f9a262dcf69b.html
      

  2.   


    先做十张图 分别是：0，1，2，3，4，5，6，7，8，9然后拿到变量把拿到的变量里面的数字.toString()然后循环循环里面用switch判断数字，然后把相应的图拼在字符串里再用innerHTML显示到页面上就行了
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    *{margin:0; padding:0;}
    </style>
    </head>
    <body>
    <!-- 最后要显示的地方 -->
    <div id="divimg"></div>
    <script>
         var num = 332,
    snum = num.toString(),str = '';

    for(var i = 0; i < snum.length; i++){
    switch(+snum.charAt(i)){
    case 0:
    str += '<img src="0.jpg" />';
    break;
    case 1:
    str += '<img src="1.jpg" />';
    break;
    case 2:
    str += '<img src="2.jpg" />';
    break;
    case 3:
    str += '<img src="3.jpg" />';
    break;
    case 4:
    str += '<img src="4.jpg" />';
    break;
    case 5:
    str += '<img src="5.jpg" />';
    break;
    case 6:
    str += '<img src="6.jpg" />';
    break;
    case 7:
    str += '<img src="7.jpg" />';
    break;
    case 8:
    str += '<img src="8.jpg" />';
    break;
    case 9:
    str += '<img src="9.jpg" />';
    break;
    }
    }

    document.getElementById('divimg').innerHTML = str;

    alert(document.getElementById('divimg').innerHTML)
        </script>
    </body>
    </html>