인스타그램 사진가져오기

인스타그램 사진가져오기 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

인스타그램 사진가져오기 정보

JavaScript 인스타그램 사진가져오기

본문

좋은 기능 같아서 PHP스쿨에서 퍼왔습니다.

http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=80364&page=1

슬라이드쇼 - http://als.musings.it

클라이언트 넘버 아이디 가져오기 - http://jelled.com/instagram/lookup-user-id

클라이언트 아이디 - https://instagram.com/developer/clients/manage/ 인스타그램 API 페이지에서 직접 가져오세요.


<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" media="screen" href="als.css" />
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.als-1.7.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $.ajax({
          //url: 'https://api.instagram.com/v1/tags/태그명/media/recent?count=33&client_id=클라이언트-아이디',
          url: 'https://api.instagram.com/v1/users/클라이언트-넘버-아이디/media/recent?client_id=클라이언트-아이디&count=33',
          cache: false,
          dataType: 'jsonp'
        }).done(function( msg ) {
          var result = new Array();         
          $.each(msg.data, function(index, value) { 
            var link = value.link;
            var imageUrl = value.images.low_resolution.url;
            var instaId = value.id;
            result.push('<div class="multiple"><a href="'+link+'" target="_blank"><img border="0" src="'+imageUrl+'" width="210" /></a></div>');
          });         
          $(".slider").html(result.join(""));
          $('.autoplay').slick({
            dots: false,
            slidesToShow: 6,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000,
          }); 
        });         
      });           
    </script>
  </head>
  <body>
 
    <div class="slider autoplay" style="height:210px;"></div>
   
  </body>
</html>