为什么出不来 随机的效果啊,代码和老师的一样呢,,,,,

来源:3-4 排序左右分区的海报

wonderq_ubuntu

2015-05-20 22:18

为什么出不来 随机的效果啊,代码和老师的一样呢,,,,,

写回答 关注

1回答

  • wyl_wear
    2016-01-05 17:24:36

    // 随机生成数值方法
    function random(range){//支持负数范围
        var max = Math.max(range[0],range[1]);
        var min = Math.min(range[0],range[1]);

        var diff = max - min;
        var number = Math.ceil((Math.random() * diff + min));
        return number;
    }


    //  输出所有的海报方法

    var data = data;

    function addPhotos(){
        var template = g('#wrap').innerHTML;
        var html = [];
        var nav = [];

        for (var i = 0; i < data.length; i++) {
            var _html = template.replace('{{index}}',i)
                                .replace('{{img}}',data[i].img)
                                .replace('{{caption}}',data[i].caption)
                                .replace('{{desc}}',data[i].desc);
            html.push(_html);
            // console.log(_html);
            nav.push('<span id="nav_'+i+'" class="i" onclick="turn(g(\'#photo_'+i+'\'))">&nbsp;</span>');
        }

        html.push('<div class="nav">'+nav.join('')+'</div>');

        g('#wrap').innerHTML = html.join('');

        posterSort(random([0,data.length-1]));
        
    }

    addPhotos();


    // 海报排序方法

    function posterSort (n) {
        var photo_center = g('#photo_' + n);
        photo_center.className += ' photo_center';
    }

CSS3+JS 实现超炫的散列画廊特效

实现更自由的切换照片的画廊效果,打造超酷的切换动画

46091 学习 · 215 问题

查看课程

相似问题