리자

플리커 이미지 랜덤 출력하기

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
  <script>
  $(document).ready(function(){
    var page = Math.round(Math.random() * 2000);
    $.getJSON("http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=자신의 API KEY&text=cat,pet&per_page=1&page="+page+"&machine_tag_mode=all&format=json&jsoncallback=?",

        function(data){
            $("<img/>")
                .attr("id", "flickr")
                .attr("border", "0px")
                .attr("src", "http://farm"+data.photos.photo[0].farm+".static.flickr.com/"+data.photos.photo[0].server+"/"+data.photos.photo[0].id+"_"+data.photos.photo[0].secret+"_m.jpg")
                .appendTo("#images");
            $("#flickr").wrap("<a href='http://www.flickr.com/photos/"+data.photos.photo[0].owner+"/"+data.photos.photo[0].id+"' target='_blank'></a>");
        });
  });
  </script>
</head>
<body>
  <div id="images">
  </div>
</body>
</html>


&text= 컴마로 구분하여 출력하고 싶은 사진의 이름을 입력하면 됩니다. (영문)

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
|

댓글 5개

오오.. 굳..
오오오오오오 원하던거~~
좋은 정보 감사합니다. ^^
오오~ 좋은 정보 고맙습니다.~~
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
15년 전 조회 4,265
15년 전 조회 1,396
15년 전 조회 1,698
15년 전 조회 1,660
15년 전 조회 1,652
15년 전 조회 1,152
15년 전 조회 1,397
15년 전 조회 1,535
15년 전 조회 1,454
15년 전 조회 2,167
15년 전 조회 1,319
15년 전 조회 1,377
15년 전 조회 925
15년 전 조회 1,028
15년 전 조회 998
15년 전 조회 954
15년 전 조회 909
15년 전 조회 966
15년 전 조회 1,115
15년 전 조회 1,125
15년 전 조회 2,648
15년 전 조회 978
15년 전 조회 1,638
15년 전 조회 1,503
15년 전 조회 1,627
15년 전 조회 1,328
15년 전 조회 1,820
15년 전 조회 636
15년 전 조회 1,125
15년 전 조회 1,097
15년 전 조회 2,873
15년 전 조회 3,203
15년 전 조회 1,872
15년 전 조회 1,384
15년 전 조회 2,003
15년 전 조회 1,506
15년 전 조회 1,096
15년 전 조회 3,795
15년 전 조회 1,452
15년 전 조회 1,543
15년 전 조회 2,775
15년 전 조회 1,466
15년 전 조회 4,193
15년 전 조회 2,402
15년 전 조회 3,190
15년 전 조회 1,793
15년 전 조회 2,024
15년 전 조회 1,327
15년 전 조회 4,405
15년 전 조회 3,985
15년 전 조회 3,811
15년 전 조회 5,230
15년 전 조회 3,451
15년 전 조회 1,834
15년 전 조회 1,781
15년 전 조회 1,933
15년 전 조회 1,620
15년 전 조회 4,022
15년 전 조회 2,945
15년 전 조회 2,115
15년 전 조회 1,700
15년 전 조회 1,938
15년 전 조회 2,422
16년 전 조회 1,496
16년 전 조회 2,430
16년 전 조회 1,759
16년 전 조회 1,864
16년 전 조회 1,514
16년 전 조회 2,211
16년 전 조회 1,542
16년 전 조회 1,956
16년 전 조회 2,136
16년 전 조회 1,212
16년 전 조회 1,283
16년 전 조회 1,929
16년 전 조회 5,372
16년 전 조회 1,673
16년 전 조회 2,186
16년 전 조회 2,374
16년 전 조회 1,532
16년 전 조회 1,337
16년 전 조회 2,255
16년 전 조회 4,973
16년 전 조회 2,241
16년 전 조회 2,899
16년 전 조회 1,775
16년 전 조회 3,630
16년 전 조회 4,467
16년 전 조회 3,131
16년 전 조회 2,378
16년 전 조회 2,467
16년 전 조회 2,709
16년 전 조회 2,203
16년 전 조회 5,542
16년 전 조회 3,395
16년 전 조회 1,386
16년 전 조회 1,732
16년 전 조회 5,105
16년 전 조회 2,347
16년 전 조회 3,434