実行結果
設置サンプルのソース
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<title>FrogJS Javascript Gallery | 設置サンプル</title>
<link rel="stylesheet" type="text/css" href="/content/lib/global.css" />
<script type="text/javascript" src="/content/lib/prototype/prototype-1.6.0.3.js"></script>
<script type="text/javascript" src="/content/lib/scriptaculous/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="/content/lib/frogjs/frog.js"></script>
<style type="text/css">
#FrogJS { width:760px; height:600px; margin:0 auto; }
#FrogJSCredit { text-align:right; font-size:90%; color:#999; padding:1px; }
#FrogJSCaption { text-align:left; line-height:140%; }
</style>
<link rel="stylesheet" type="text/css" href="/common/css/example.css"></head>
<body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP & JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
<div id="wrap">
<h1><a href='http://www.puidokas.com/portfolio/frogjs/'>FrogJS Javascript Gallery</a></h1>
<div id="FrogJS">
<a href="http://farm4.static.flickr.com/3283/3053111822_f5a0d19e66.jpg" title="雑草家@特選牛の内臓地獄鍋4 by php_javascript_room, on Flickr" rel="http://www.flickr.com/photos/22559849@N06/2972504611/">
<img src="http://farm4.static.flickr.com/3283/3053111822_f5a0d19e66_s.jpg" width="75" height="75" alt="外苑前にある韓国薬膳料理店「雑草家」の特選牛の内臓地獄鍋。何が地獄かっていうと、、、ホルモンがこれでもかってくらいにはいってるwハツとかいろんな種類のホルモンが楽しめます♪" />
</a>
<a href="http://farm4.static.flickr.com/3239/3032375082_fd66d11941.jpg" title="モツ鍋@鳥小屋 by php_javascript_room, on Flickr" rel="http://www.flickr.com/photos/22559849@N06/2972504611/">
<img src="http://farm4.static.flickr.com/3239/3032375082_fd66d11941_s.jpg" width="75" height="75" alt="中目黒にある「鳥小屋」のモツ鍋。キャベツたっぷり。ぷりぷりで大きなモツがたっぷり入ったモツ鍋。スープは醤油ベースのみ。1種類ってのがこだわりを感じるわぁ♪鳥小屋のモツ鍋食べるとほんと他店のモツ鍋がものたりなくなるわw" />
</a>
<a href="http://farm3.static.flickr.com/2149/2233006792_515e55a9c5_o.jpg" title="火鍋 by php_javascript_room, on Flickr" rel="http://www.flickr.com/photos/22559849@N06/2233006792/">
<img src="http://farm3.static.flickr.com/2149/2233006792_5a1342be35_s.jpg" width="75" height="75" alt="コラ~ゲンたぷ~りな白いスープと、激辛四川風の赤いスープ。シメにラーメン入れたら、マジウマス★" />
</a>
<a href="http://farm4.static.flickr.com/3147/2335201198_1ab0f0dcaf.jpg" title="赤から亭@赤から鍋20辛 by php_javascript_room, on Flickr" rel="http://www.flickr.com/photos/22559849@N06/2335201198/">
<img src="http://farm4.static.flickr.com/3147/2335201198_1ab0f0dcaf_s.jpg" width="75" height="75" alt="渋谷の赤から亭で「20辛」に友達とふたりで挑戦!どろっどろしてて、辛かった(; ;)でもおいしかった(*・ω・*)v 完食アドバイス!まず、最初にまっこりを飲んどく。おもちとかネギとかオプションは頼まない。シメは頼まない。これでOKなはずw" />
</a>
<a href="http://farm4.static.flickr.com/3185/3025639598_b11345ee97.jpg" title="塩モツ鍋@汁べえ by php_javascript_room, on Flickr" rel="http://www.flickr.com/photos/22559849@N06/3025639598/">
<img src="http://farm4.static.flickr.com/3185/3025639598_b11345ee97_s.jpg" width="75" height="75" alt="下北沢にある居酒屋「汁べえ」のモツ鍋。塩味で頼みました!モツ鍋にトマト!?ってはじめは思ったけど、すごいトマトがいい味出してるんです!!最後は溶き卵でとじて雑炊にして食べたのですが、これがまた絶品♪" />
</a>
</div>
</div>
</body>
</html>