API инстаграма в owlcarousel?

114
12 апреля 2018, 12:54

Одно фото попадает в слайдер, все остальные выводятся отдельно.. Подскажите пожалуйста.

$(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>

READ ALSO
как в node js сделать curl или file get content

как в node js сделать curl или file get content

как в node js сделать curl или file get content использую фреймворк express что б выполнить запрос к api яндекс диска

180
Как создать конструктор внутри объекта?

Как создать конструктор внутри объекта?

Существует объект который содержит объектыВ этом объекте есть метод который является конструктором при вызове которого просто добавляет...

174