Javascript Instagram-带instafeedjs的自助式3转盘

Javascript Instagram-带instafeedjs的自助式3转盘,javascript,jquery,html,instagram,instafeedjs,Javascript,Jquery,Html,Instagram,Instafeedjs,我正在使用instafeedjs在网站上显示图片。我试图通过以下链接添加引导3旋转木马。 -. 当我运行代码时,它不显示任何内容 <script type="text/javascript"> var feed = new Instafeed({ get: 'tagged', tagName: '****', clientId: '*************', limit: 20,

我正在使用instafeedjs在网站上显示图片。我试图通过以下链接添加引导3旋转木马。 -.
当我运行代码时,它不显示任何内容

   <script type="text/javascript">  
    var feed = new Instafeed({  

        get: 'tagged',
        tagName: '****',
        clientId: '*************',
        limit: 20,
        sortBy: 'most-recent',
        template: '<div class="item"><img src="{{image}}"/></div>',
        success: function (data) {
            $('.carousel').carousel({ interval: 3000 });
            for (var i = 0; i < $(data.data).size() ; i++) {
          $('.carousel-inner').append('<div class="item"></div>');
       $('.item').append('<div class="col-sm-2 instagram-  placeholder"><img  src=' + data.data[i].images.standard_resolution.url + ' class="img-responsive"></div>');
            }  
            $('.carousel').carousel('next');

            },
            after: function () {
            $('#instafeed > div:nth-child(1)').addClass('active');
      }

   });
    feed.run();
</script>

var feed=new Instafeed({
得到:“标记”,
标记名:'***',
客户ID:“*************”,
限额:20,
脏话:“最近的”,
模板:“”,
成功:功能(数据){
$('.carousel').carousel({interval:3000});
对于(var i=0;i<$(data.data).size();i++){
$('.carousel-inner')。追加('');
$('.item')。追加('');
}  
$('.carousel')。carousel('next');
},
之后:函数(){
$(“#instafeed>div:nth child(1)”.addClass('active');
}
});
feed.run();
以下是HTML:

  <div id="carousel" class="carousel slide" data-interval="false">
    <div class="carousel-inner" id="instafeed"></div>
 </div>

以下是在加载的提要上支持旋转木马的代码。图像数量受instafeed属性“limit”设置的值限制,旋转木马无限运行

HTML


带有Instafeed Instagram Feed的Bootstrap 3转盘示例-Ajith
JavaScript

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'ajith',
        clientId: '467ede5a6b9b48ae8e03f4e2582aeeb3',
        limit: 20,
        sortBy: 'most-recent',
        resolution: "low_resolution",
        template: '<div class="item"><img src="{{image}}"/></div>',
        after: function () {
            $('#instafeed > div:nth-child(1)').addClass('active');
        }
    });
    feed.run();
</script>

var feed=新Instafeed({
得到:“标记”,
标记名:“ajith”,
客户ID:'467EDE5A6B9B48AE8E03F4E2582AEB3',
限额:20,
脏话:“最近的”,
分辨率:“低分辨率”,
模板:“”,
之后:函数(){
$(“#instafeed>div:nth child(1)”.addClass('active');
}
});
feed.run();
找到工作演示

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'ajith',
        clientId: '467ede5a6b9b48ae8e03f4e2582aeeb3',
        limit: 20,
        sortBy: 'most-recent',
        resolution: "low_resolution",
        template: '<div class="item"><img src="{{image}}"/></div>',
        after: function () {
            $('#instafeed > div:nth-child(1)').addClass('active');
        }
    });
    feed.run();
</script>