Jquery FacebookAPI相册图像随机滑块

我在寻求帮助

我有我找到的代码，并试图用tweek。它可以工作，但从目前有26张专辑中获取图像。我只想随机得到11个，然后添加到div中。如果你能帮忙，那就太好了。我尝试添加历史记录，这样索引就不会被用于至少11张相同的照片中。如果有人能帮助清理它的功能太棒了。我免费为在车祸中丧生的侄女们做这件事

$.fn.fbPhotos=功能（相册，限制）{
函数基附加（obj）{
$（基数）。追加（obj）；
}
功能getPhoto（obj）{
变量id=对象id；
var img=obj.img；
var-link=obj.link；
var wrap=$（''）.attr({
“类”：“fb照片”，
“id”：id
});
var avatar=新图像（）；
avatar.src=img；
var_avatar=$（''）.attr（'href'，link）.attr（'target'，'u blank'）.attr（'class'，'avatar'）.html（avatar）；
$（包装）.append（$（_avatar））；
返回包装；
}
函数init（）{
fetch（）；
}
函数fetch（）{
var-r；
变量数据={}；
$.ajax({
网址：'https://graph.facebook.com/“+albumId+”/photos？type=small&limit='+topLimit，
键入：“GET”，
数据类型：“jsonp”，
数据：数据，
成功：功能（obj）{
//控制台日志（obj）；
if（对象错误）{
/*var img=新图像（）；
img.src=theme_url+'/images/ico_fail_bird.png'；
擦拭（img）*/
返回false；
}否则{
var结果={}；
对于（var k=0；k=上限）{
打破
}
}
}
如果（hist.length>obj.data.length-2）hist=null；
（功能显示下一步（jq）{
jq.eq（0）.show（“幻灯片”，空值，100，函数（）{
（jq=jq.slice（1））.length&showNext（jq）；
});
})（$（'div.fb-photo'）；
返回true；
}
},
错误：函数（obj）{
//@todo:执行类似附加错误消息或错误图像的操作
/*var img=新图像（）；
img.src='/images/fail.png'；
擦拭（img）*/
返回false；
}
});
}
如果（$（this）.size（）>0）{
var base=$（此）；
var topLimit=（限制？限制：50）；
var albumId=（album？album:（$（this）.attr（“fbAlbum”）？$（this.attr（“fbAlbum”）：“0”）；
init（）；
}
};
$（“.block facebook”）.fbPhotos（）；
$（文档）.ready（函数（）{
setInterval（函数（）{
$（“.block facebook”）.fbPhotos（）；
}, 5000);
});

我认为您在初始化前使用了

topLimit

。除此之外，您还需要获取所有图片的所有URL，而不仅仅是在返回数组中随机选择其中一些图片。

导致我实际上编写了自己的URL，现在它可以工作了。还实现了fancybox。多年来一直在处理json和javascript/livescript

    function getthumbs(gallery_id) {
        viewer = $('#viewer'), thumbs = $('#thumbs');
        var hist = [];
        var rnd = 0;

        $.getJSON('//graph.facebook.com/' + gallery_id + '/photos?callback=?', function (json, status, xhr) {
            var imgs = json.data;
            $('#thumbs img').remove();

            for (i = 0; i < 12; i++) {
                rnd = Math.floor((Math.random() * imgs.length - 1) + 1);

                $('<img src="' + imgs[rnd].images[8].source + '">').appendTo(thumbs).fancybox({
                    href: imgs[rnd].images[3].source
                }); 
            }

        });
    }
    getthumbs('425912634133232');

    $(document).ready(function () {
        setInterval(function () {
            getthumbs('425912634133232');
        }, 20000);
    });

函数getthumbs（画廊id）{
查看器=$（“#查看器”），拇指=$（“#拇指”）；
var hist=[]；
var-rnd=0；
$.getJSON（'//graph.facebook.com/'+gallery_id+'/photos？callback=？'，函数（json，状态，xhr）{
var imgs=json.data；
$（“#拇指img”）.remove（）；
对于（i=0；i<12；i++）{
rnd=Math.floor（（Math.random（）*imgs.length-1）+1）；
$（''）.appendTo（拇指）。fancybox({
href:imgs[rnd]。图像[3]。来源
}); 
}
});
}
getthumbs（'425912634133232'）；
$（文档）.ready（函数（）{
setInterval（函数（）{
getthumbs（'425912634133232'）；
}, 20000);
});

试试看。很抱歉

    function getthumbs(gallery_id) {
        viewer = $('#viewer'), thumbs = $('#thumbs');
        var hist = [];
        var rnd = 0;

        $.getJSON('//graph.facebook.com/' + gallery_id + '/photos?callback=?', function (json, status, xhr) {
            var imgs = json.data;
            $('#thumbs img').remove();

            for (i = 0; i < 12; i++) {
                rnd = Math.floor((Math.random() * imgs.length - 1) + 1);

                $('<img src="' + imgs[rnd].images[8].source + '">').appendTo(thumbs).fancybox({
                    href: imgs[rnd].images[3].source
                }); 
            }

        });
    }
    getthumbs('425912634133232');

    $(document).ready(function () {
        setInterval(function () {
            getthumbs('425912634133232');
        }, 20000);
    });