가져오려는 인스타그램의 게시물이 총 596개인데 api를 이용해서
저희 사이트에 적용을 시키니 더보기를 클릭해도 20개에서 더 이상 나오지를 않네요...
20개 제한이 걸려있는지 뭔지 모르겠습니다.
일단 소스 보여드릴께요
Copy
<script type="text/javascript"> $(function(){ var galleryFeed = new Instafeed({ get: "user", userId: 1484139014, accessToken: "1484139014.5679622.1c8796d477384a4986f2e1abc97de872", template: '<li class="grid-item"><a href="{{link}}" target="_blank"><p class="img"><img class="thumbs img-responsive" src="{{image}}" alt="썸네일" /></p><dl><dd><img src="./icon-heart.png" class="icon icon-heart"><span class="likes"> {{likes}}개</span></dd><dd><img src="./icon-message.png" class="icon icon-message"><span class="comments"> {{comments}}개</span></dd></dl></a></li>', target: "instafeed-gallery-feed", resolution: "standard_resolution", useHttp: "true", limit: 16, after: function(response) { // disable button if no more results to load console.log(response) if (!this.hasNext()) { btnInstafeedLoad.setAttribute('disabled', 'disabled'); } }, }); galleryFeed.run(); var btnInstafeedLoad = document.getElementById("btn-instafeed-load"); btnInstafeedLoad.addEventListener("click", function() { galleryFeed.next() });})</script><script>var elem = document.querySelector('.grid');var iso = new Isotope( elem, { // options itemSelector: '.grid-item', layoutMode: 'fitRows'});// element argument can be a selector string// for an individual elementvar iso = new Isotope( '.grid', { // options});</script> <div class="main_banline04_wrap"> <ul id="instafeed-gallery-feed" class="review_ul grid" data-isotope='{ "itemSelector": ".grid-item", "masonry": { "columnWidth": 311 } }'> </ul> </div> <button id="btn-instafeed-load" class="btn">더보기</button> </div></div>
위 소스이구요
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.thewedd.com/Common/js/instafeed.min.js"></script>
필요한 jquery 파일은 여기서 씁니다.
게시물 전체가 나오게 하려면 어떻게 해야될까요.;;;;
https://codepen.io/selcukcura/pen/GjYYrV <== 이 사이트 참고했습니다.
|
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
https://www.instagram.com/developer/
게시물 20개로 제한되었습니다
정식으로 인스타그램에 신청해서 키를 받아야만 가능한데
굉장히 폐쇄적으로 정책이 바꼈습니다..-_ ㅠ
http://sejin7940.co.kr/index.php?document_srl=109147&mid=sejin7940_work
참고하세용~
답변을 작성하려면 로그인이 필요합니다.
https://www.sinbuya.com/review
이 사이트는 인스타그램에서 엄청 땡겨오는데 여기는 어떻게 해서 이렇게 무제한으로 가져오나요?