0

有没有人对这个问题有任何想法?肯定有人有使用 instagram API 的经验吗?

我正在尝试使用此网站上的脚本:http://stuffthatspins.com/stuff/instagram-user-stream-display/

它允许您在网站上显示 Instagram 照片流,但是当脚本运行时,它无法显示流。

我已经在 Instagram API 开发人员部分注册了该应用程序,并获得了我的用户 ID 和有效的访问令牌,所以我认为这是代码或我如何实现它的问题。

当我使用谷歌浏览器的开发工具偷看时,我在 url 上得到一个错误:

    url: 'https://api.instagram.com/v1/users/<?=$user_id?>/media/recent/?access_token=accesstokenhere/',

在元素选项卡下,有很多 html 表格元素没有出现在脚本作者的示例页面中。

这是代码:

    <?
    $user_id = "validUserID"; 
    $num_to_display = "20";
    ?>

    <style>
    .instagram-placeholder {
    float: left;
    }
    </style>

    <h1>jQuery Instagram User Stream Display Really Easy with a json call</h1>
    uses jQuery and json to get an instagram user feed and display it on your site.
    <br/>
    Source and idea from <a href="https://forrst.com/posts/Using_the_Instagram_API-ti5">forrst</a>
    <br/>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">      </script>
    <div class="instagram"></div>

    <script>

    // small = + data.data[i].images.thumbnail.url +
    // resolution: low_resolution, thumbnail, standard_resolution

    $(function() {
        $.ajax({
            type: 'GET',
            dataType: "jsonp",
            cache: false,
            url: "https://api.instagram.com/v1/users/<?=$user_id?>/media/recent/?access_token=validToken",
            success: function(data) {
                for (var i = 0; i < <?=$num_to_display?>; i++) {
            $(".instagram").append("<div class='instagram-placeholder'><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></div>");   
                }     

            }
        });
    });

    </script>
4

0 回答 0