테스트 사이트 - 개발 중인 베타 버전입니다

좋은 기능 같아서 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 페이지에서 직접 가져오세요. 

 

  [code]

<!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>

[/code]  

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

프로그램

글쓰기