jQuery ajax脚本创建随机表

时间:2012-11-26 17:25:42

标签: php jquery instagram

有没有人对这个问题有任何想法?当然有人在那里有使用Instagram API的经验吗?

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

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

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

当我使用Google Chrome的开发工具看一眼时,我在网址上收到错误信息:

    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>

0 个答案:

没有答案