1

flickr ギャラリーをコーディングしましたが、著者の名前をクリックできるようにしたいと考えています。その著者の画像だけでページがリロードされます。

これが私の現在のコードです

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Outbrain Test Gallery</title>
<link href="styles.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.masonry.min.js"></script>
 <script type="text/javascript">
$(window).load(function(){
  $('#flkr').masonry({
    // options
    itemSelector : '.tiles',
    isResizable: true,
  });
});
</script>
<script type="text/javascript">$(document).ready(function() {
  $('<ul />').prependTo('#flkr');
  $.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?lang=en-us&format=json&jsoncallback=?', function(data) {
    $.each(data.items, function(i,item) {
      var squares = (item.media.m).replace('_m.jpg', '_q.jpg');
      if(i <= 20){
        $('<img/>').attr({
          alt: item.title, 
          src: squares, 
          height: '150', 
          width: '150'
        }).appendTo('#flkr ul').wrap('<li class="tiles"><a href="' + item.link + '"></a><p class="title">' + item.title + '</p><p class="author"><strong>By:</strong> ' + item.author + '</p><p class="date"><strong>Uploaded: </strong>' + item.published + '</p></li>');
      }
    });
  });
});
</script>
</head>

<body>
 <ul id="flkr"></ul>
</body>
</html>
4

1 に答える 1

0

現在の方法が機能している場合、本質は同じ$.getJSONです。作成者の URL と一致するように URL を変更する必要があります。URL を渡すことgetJSONは、他の変数を渡すことと同じです。その周り。

考え出す必要があるのは、次に表示するギャラリーの作成者 URL を取得する手段だけです。また$.empty()、ul再度追加する前に、最初に入力します。

次の人の URL を取得する方法については、あなた次第です。使用する URL には十分な類似性があり、ID 番号またはメンバー名をハードコードして使用できると確信しています。flickr が API の URL をオフハンドでどのように処理するかはわかりませんが、一般的にはすべて同じです。パブリック メンバー固有のフィードの場合は、適切な API を使用する必要があります。残りはかなり簡単です。全体として、あなたは正しい方向に向かっています。

于 2012-11-04T04:58:52.723 に答える