Team:Tokyo-NoKoGen/Team/Photogalary

From 2012.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 4: Line 4:
<html>
<html>
<head>
<head>
-
<title>フリーサイズオーバーフロー透かし重なり縦スクロールスライドショーギャラリー[IMG][大]No.3243</title>
+
<title>Photo</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<script type="text/javascript" charset="Shift_JIS" src="http://www.geocities.jp/miyake_kobo/js/miyake_002.js?temp2_3243"></script>
<script type="text/javascript" charset="Shift_JIS" src="http://www.geocities.jp/miyake_kobo/js/miyake_002.js?temp2_3243"></script>
Line 19: Line 19:
//--Copyright (C) Miyake_kobo.--
//--Copyright (C) Miyake_kobo.--
-
//-->
+
//--!>
</script>
</script>
<style type="text/css">
<style type="text/css">
Line 34: Line 34:
<body style="text-align:center;">
<body style="text-align:center;">
-
<!-- ここからスライドショーギャラリー -->
 
<table id="SlideGallery" style="position:relative;top:0px;left:0px;margin:auto;font-family:'メイリオ';" cellpadding="0" cellspacing="0">
<table id="SlideGallery" style="position:relative;top:0px;left:0px;margin:auto;font-family:'メイリオ';" cellpadding="0" cellspacing="0">
Line 40: Line 39:
<td style="width:220px;text-align:center;">
<td style="width:220px;text-align:center;">
-
<div style="font-size:200px;color:#ccc;font-family:'ＭＳ Ｐ明朝';margin:auto;"><b>風</b></div>
 
-
<div style="width:100%;background-color:#689;color:#fff;text-align:center;">Photographs</div>
 
</td>
</td>
Line 47: Line 44:
<td rowspan="2" style="width:640px;height:740px;">
<td rowspan="2" style="width:640px;height:740px;">
-
<!-- スライドショー部分。すべての写真が入る大きさに設定。↓ -->
+
 
<div class="koboImgDiv" style="position:relative;top:0px;left:0px;width:640px;height:740px;">
<div class="koboImgDiv" style="position:relative;top:0px;left:0px;width:640px;height:740px;">
Line 66: Line 63:
<div id="copyright">(C) Script by Miyake_kobo.</div>
<div id="copyright">(C) Script by Miyake_kobo.</div>
-
<!-- コントロール部分 -->
 
<div class="koboButDiv">
<div class="koboButDiv">
Line 72: Line 68:
<button>play</button>
<button>play</button>
<button>next</button>
<button>next</button>
-
<span class="koboComSpan">しばらくお待ちください。</span>
+
<span class="koboComSpan">Just wait...</span>
</div>
</div>
Line 81: Line 77:
<tr>
<tr>
<td style="">
<td style="">
-
 
-
<!-- 一覧部分。サムネイルサイズに合わせて微調節。↓ -->
 
<div class="koboThmDiv" style="width:220px;">
<div class="koboThmDiv" style="width:220px;">
-
<!-- ここから写真データ -->
 
-
<img src="http://www.geocities.jp/miyake_kobo/DATA30/25.jpg" title="ショウガツザクラ" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154180452.v1348436788.jpg?size=450" title="Hayatooo" />
-
<img src="http://www.geocities.jp/miyake_kobo/cp_ex/11.jpg" title="サザンカ" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154180358.v1348353677.jpg" title="Happy birthday boss!" />
-
<img src="http://www.geocities.jp/miyake_kobo/cp_ex/1.jpg" title="福寿草" />
+
<img src="http://kura2.photozou.jp/pub/99/2832099/photo/154095431.v1348298267.jpg" title="Plate reader" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA33/4.jpg" title="ツバキ" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154095303.v1348298202.jpg" title="RFP....." />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA33/14.jpg" title="シラン" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154095175.v1348298130.jpg" title="Our best friend" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA30/10061.jpg" title="ツツジ" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154095120.v1348298101.jpg" title="Some day's meeting" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA33/15.jpg" title="ハナミズキ" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154094942.v1348298025.jpg" title="These are all empty...." />
-
<img src="http://www.geocities.jp/miyake_kobo/cp_ex/6.jpg" title="金のなる木" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154094820.v1348297960.jpg" title="He is made of Apple products" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA30/10172.jpg" title="額紫陽花" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154094655.v1348297883.jpg" title="This is....." />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA33/22.jpg" title="ツワブキ" />
+
<img src="http://kura2.photozou.jp/pub/99/2832099/photo/154094258.v1348297695.jpg" title="" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA33/10.jpg" title="モクレン" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154094120.v1348297625.jpg" title="OMG" />
-
<img src="http://www.geocities.jp/miyake_kobo/cp_ex/3.jpg" title="スイセン" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154094075.v1348297608.jpg" title="Our assistant Prof.s' birthday" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA30/19.jpg" title="彼岸花" />
+
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154094099.v1348298488.png" title="It says 'error'" />
-
<img src="http://www.geocities.jp/miyake_kobo/cp_ex/9.jpg" title="菊" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154093925.v1348297536.jpg" title="" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA30/10657.jpg" title="菊" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154093854.v1348297506.jpg" title="" />
-
<img src="http://www.geocities.jp/miyake_kobo/cp_ex/14.jpg" title="六義園の紅葉" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154544170.v1348643905.jpg" title="" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA33/21.jpg" title="梅" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154093208.v1348297234.jpg" title="Full of trash" />
-
<img src="http://www.geocities.jp/miyake_kobo/DATA30/10830.jpg" title="落ち葉" />
+
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154093607.v1348297414.jpg" title="How to avoid storm" />
 +
<img src="http://kura1.photozou.jp/pub/99/2832099/photo/154544156.v1348643894.jpg" title="His original experiment!!" />
 +
<img src="http://kura2.photozou.jp/pub/99/2832099/photo/154542728.v1348642657.jpg" title="lux" />
 +
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154544124.v1348643870.jpg" title="" />
 +
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154544108.v1348643860.jpg" title="" />
 +
<img src="http://kura3.photozou.jp/pub/99/2832099/photo/154544195.v1348643924.jpg" title="" />
-
<!-- ここまで写真データ -->
 
</div>
</div>
Line 115: Line 112:
</table>
</table>
-
<!-- ここまでスライドショーギャラリー -->
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<br />
 
-
<br />
 
-
<br />
 
-
<br />
 
-
<br />
 
-
 
-
 
-
<div style="width:960px;margin:auto;text-align:center;font-family:'メイリオ';"> <!---main--->
 
-
 
-
<h3>フリーサイズオーバーフロー透かし重なり縦スクロールスライドショーギャラリー[IMG][大]No.3243</h3>
 
-
<dl style="text-align:left;">
 
-
<dt>このページの説明
 
-
<dd>
 
-
　写真サイズに制限はありませんが、大写真を縮小して小写真に使用しますので、枚数が多くなると重くなります。
 
-
また、枠をはみ出してスクロールしますので程々の大きさにしてください。
 
-
「play」ボタンでスライドショーが開始され、ボタンは「pause」に変わります。
 
-
一覧の小写真をクリックで大写真が切り替わります。
 
-
小写真や「next」「prev」ボタンの操作は停止や開始には影響を与えません。
 
-
</dl>
 
-
<br />
 
-
<dl style="width:100%;text-align:left;margin:auto;">
 
-
<dt>使用方法
 
-
<dd>
 
-
　右クリックからこのページのソースを開き、コピーして使用してください。その際、&lt;/html&gt;の後に何がしかのコードが表示された場合は、これを削除して使用してください。ソースの最後は、あくまで&lt;/html&gt;です。
 
-
<dd>
 
-
　一覧部分はクラス名koboThmDivのdivタグで、写真データはその中にimgタグを単純に並べるだけです。サンプルは絶対パス表記をしていますが、相対パスでも、スライドショーギャラリーと同じホルダーにあればファイル名だけでも、かまいません。
 
-
レイアウト変更は自由ですが、ボタンの順番と個数は変えないでください。
 
-
HTMLファイルの制作方法は、
 
-
<a href="../../home.html?4">サンプル使用上の注意事項</a>
 
-
をご参照ください。
 
-
<dd>
 
-
　このスライドショーは共通プログラムを使用しているため、HEAD内で外部ファイルを読み込んでいますが、この部分は書き換えないでください。なお、共通プログラムを本体内に入れた（外部ファイルを不要にした）ソースを記載したページをご覧になりたい方は、有料版（著作権表記の削除）をお申し込みください。
 
-
</dl>
 
<br />
<br />

Latest revision as of 08:03, 26 September 2012

Photo

Just wait...




Retrieved from "http://2012.igem.org/Team:Tokyo-NoKoGen/Team/Photogalary"