Одно фото попадает в слайдер, все остальные выводятся отдельно.. Подскажите пожалуйста.
$(function(){
var accessToken = '5423589259.a88a083.7834aca5daa2415e8ecdb89e4ab33d40';
$.getJSON('https://api.instagram.com/v1/users/self/media/recent/?access_token='+accessToken+'&callback=?',function (insta) {
$.each(insta.data,function (photos,src) {
if ( src.caption == null){ src.caption = 'no caption'};
if ( photos === 2 ) { return false; }
$('<a href="'+src.link+'" target="_blank" class="post">'+'<img src="'+ src.images.standard_resolution.url + '";"></div>').appendTo('.owl-carousel');
$('.owl-carousel').owlCarousel({
loop: false,
margin: 10,
nav: true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
});
});
});
});
.content
a
div
width: 150px
height: 150px
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.3/assets/owl.carousel.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.3/owl.carousel.js"></script>
<div class="owl-carousel">
</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
как в node js сделать curl или file get content использую фреймворк express что б выполнить запрос к api яндекс диска
Существует объект который содержит объектыВ этом объекте есть метод который является конструктором при вызове которого просто добавляет...