PlayStation博客ID不适用于使用Jquery mobile的Flickr api

时间:2015-11-25 13:19:44

标签: api flickr

您好我正在尝试通过flickr api工作获取PlayStation博客,但我获得的PlayStation ID与Jquery Mobile不兼容任何人都可以帮忙吗?

这是我为博客8309149 @ N08

获得的ID

以下是相关的HTML代码,因为我试图以网格格式显示图像。

<section id="photos" class="header_default footer_default" data-role="page" data-title="Photo grid">
    <div data-role="content">
      <div class="ui-grid-c" id="photolist"></div>
    </div><!-- content -->
  </section><!-- photos page -->

  <section id="showphoto" data-role="page">
    <div data-role="content">
      <div id="myphoto"></div>
    </div><!-- content -->
  </section><!-- show photo page -->
<script src="http://api.flickr.com/services/feeds/photos_public.gne?id=8309149@N08&format=json&tags=viewsource"></script>

这是Javascript

function jsonFlickrFeed(data) {
  var output = '';

  for (var i=0; i < data.items.length; i++) {
    var title = data.items[i].title;
    var link = data.items[i].media.m.substring(0,56);
    var blocktype = 
      ((i % 4) === 3) ? 'd':
      ((i % 4) === 2) ? 'c':
      ((i % 4) === 1) ? 'b':
      'a';
    output += '<div class="ui-block-' + blocktype + '">';
    output += '<a href="#showphoto" data-transition="fade" onclick="showPhoto(\'' + link + '\',\'' + title + '\')">';
    output += '<img src="' + link + '_q.jpg" alt="' + title + '">';
    output += '</a>';
    output += '</div>';
  }
  $('#photolist').html(output);
}

function showPhoto(link, title) {
  var output = '<a href="#photos" data-transition="fade">';
  output +='<img src="' + link +'_b.jpg" alt="' + title + '">';
  output +='</a>';
  $('#myphoto').html(output);
}

1 个答案:

答案 0 :(得分:1)

您用于获取图片的网址不会返回任何结果。 http://api.flickr.com/services/feeds/photos_public.gne?id=8309149@N08&format=json&tags=viewsource返回0张标有viewsource的图片。试试http://api.flickr.com/services/feeds/photos_public.gne?id=8309149@N08&format=json