플리커 이미지 랜덤 출력하기
<!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= 컴마로 구분하여 출력하고 싶은 사진의 이름을 입력하면 됩니다. (영문)
댓글 5개
게시글 목록
| 번호 | 제목 |
|---|---|
| 21248 | |
| 13844 | |
| 529 | |
| 13842 | |
| 526 | |
| 29537 |
HTML
갈팡질팡
2
|
| 518 | |
| 502 | |
| 13840 | |
| 25293 | |
| 21244 | |
| 29532 |
HTML
블로그와 그누연동 가능할까요?
4
|
| 25288 | |
| 29531 |
HTML
안녕하세요..질문좀 드릴꼐요 ^^;
|
| 500 | |
| 13836 |
Flash
플래시버튼으로
3
|
| 21241 | |
| 495 | |
| 13832 |
JavaScript
제목에 한글 영문 숫자 와 공란만 입력하게 하고 싶습니다.
3
|
| 25283 | |
| 21236 | |
| 13830 | |
| 490 | |
| 21220 | |
| 21217 | |
| 25277 | |
| 25276 | |
| 25275 | |
| 484 | |
| 13827 | |
| 13825 | |
| 13819 |
JavaScript
[펌] 정규식 고수님들 ㅠㅠ... '차량번호' 정규식좀..
5
|
| 29529 | |
| 13813 | |
| 479 | |
| 21211 | |
| 25273 | |
| 478 | |
| 21201 | |
| 25272 | |
| 21189 | |
| 477 | |
| 476 | |
| 21185 | |
| 474 | |
| 21181 | |
| 21175 | |
| 472 | |
| 470 | |
| 469 | |
| 467 | |
| 465 | |
| 21168 | |
| 25267 | |
| 463 | |
| 21164 | |
| 21161 | |
| 458 | |
| 21146 | |
| 457 | |
| 13807 | |
| 454 | |
| 29528 | |
| 451 | |
| 447 | |
| 21127 | |
| 21122 | |
| 25262 | |
| 25254 | |
| 21119 | |
| 25251 | |
| 25243 | |
| 25239 |
기획서
웹기획서 작성process
3
|
| 21112 | |
| 442 | |
| 21103 | |
| 25233 | |
| 25222 | |
| 25230 | |
| 441 | |
| 21100 | |
| 25215 | |
| 21097 | |
| 21091 | |
| 25212 | |
| 25210 | |
| 25209 | |
| 21083 | |
| 21080 | |
| 439 | |
| 438 | |
| 436 | |
| 25200 | |
| 21066 | |
| 25195 | |
| 21055 | |
| 21051 | |
| 25192 | |
| 21040 | |
| 13803 |
기타
모바일사이트 시안.
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기