随机获取图片 JAVASCRIPT

制作网页  我现在 有 180张图片（180张图片 不重复 ）  我在一个网页上 弄个 九个单元格   在页面加载的时候 随机 获取 九张图片  一刷新 也是 随机 获取 九个图片  而且  获取的图片 不能重复  JAVASCRIPT  怎么写？？？

解决方案 »

  1.   


    如果的把图片名全部命为（1.jpg、2.jgp。）上面的红字就可以省了
      

  2.   

    //将图片封装成一个list数组
        var list[];
        function show()
    {
        var listLength = list.length;
    for(i = 1; i<10; i++)
    {
        Math.ceil(Math.random()*(listLength+2)+i));
                        //获取当前对象的路径属性并在相应容器中输出
    }
    }
      

  3.   

    把图片改成1.jpg-180.jpg.然后把最下面的分号去掉<!DOCTYPE html>
    <html> 
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css">
    td{border:1px solid;width:50px;height:50px;}</style>
    </head>
    <body>
    <table>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    <script type="text/javascript">
    var arr=[] //随机数组
    for(var i=0;i<9;i++)
    var random9=(function(){var x=Math.ceil(Math.random()*180);
    for(var i in arr){if(arr[i]===x){arguments.callee();return;}}arr.push(x);return x})()
    for(var i=0;i<9;i++)
    document.getElementsByTagName("td")[i].innerHTML=arr[i]
    //document.getElementsByTagName("td")[i].innerHTML="<img src='"+arr[i]+".jpg'>"
    </script>

    </body></html>
      

  4.   


    写了个随机函数,前面两个参数表示一个范围,第三个参数表示在前面的范围内要获得的随机数的个数.如果要从 30-100中随机获得9个数fetchRand(30,100,9)返回的是一个数组
           function fetchRand(min, max, count){
    if(max-min-count < -1) return false;
    var arr = [];
    for (var i=min; i<max+1; i++){
    arr.push(i);
    }
    arr.sort(function(a,b){
    return Math.random()-0.5;
    });
    return arr.slice(0, count);
    }