Javascript Instagram-带instafeedjs的自助式3转盘
我正在使用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,
当我运行代码时,它不显示任何内容
<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>