JSon Flickr 이미지로의 피드

Question

플리커 피드에 연결하고 내 페이지에 이미지를 표시하고 있습니다.

잘 작동하지만 이미지를 클릭하면 이미지가있는 페이지로 연결됩니다.

내가해야할 일은 전체 페이지 대신 실제 이미지에 연결하는 것입니다.

<script>$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", 
     function(data){ 
      $.each(data.items, function(i,item){ 
      $("<img/>").attr("src", item.media.m).appendTo("#images").wrap("<a href='" + item.link + "'></a>"); 



      if (i == 20) return false; 
      }); 
     });</script> 

모든 아이디어의 사람 : 여기

는 현재 코드?

Answer 1

url 속성의 <media:content> 필드에있는 것으로 보이는 피드에서 정적 이미지 서버의 URL을 찾고 싶습니다.
<media:content url="http://farm8.staticflickr.com/7031/6404754477_f2338d2484_b.jpg" type="image/jpeg" height="683" width="1024"/>

위의 예는 플리커에서이 피드에서 온다 : http://api.flickr.com/services/feeds/photos_public.gne?tags=china&lang=en-us&format=rss_200

당신은 단지 피드의 각 항목에서 URL을 구문 분석 할 수 있어야한다. JSON 피드에서 정적 사진이 중간 크기 사진을 가리키는 item.media.m에있는 것처럼 보입니다. 더 큰 크기를 사용할 수 있으면 액세스 할 수도 있습니다.

$.each(data.items, function(i,item){ 
     $("<img/>").attr("src", item.media.m).appendTo("#images").wrap("<a href='" + item.media.m + "'> </a>"); 



     if (i == 20) return false; 
     });