Gaiaxでサムネイル・アルバムを作ろう(2)

Gaiax のページでサムネイル型式のアルバムを作って見ましょう。
ただし、写真はGaiax 以外のHPスペースにアップする所を見つけましょう。
写真にアドレスを付ける事が出来たら後はソースを貼り付けるだけです。
サムネイル(thumbnail)とは、
画像や印刷物ページなどを表示する際に視認性を高めるために縮小させた見本のことで、
親指(thumb)の爪(nail)のように小さく簡潔であるという意味から来ています。         
   


Gaiaxページの編集画面から「お知らせ欄」に下のソースを編集してコピー&ペーストで貼り付けてください。

<SCRIPT language="JavaScript">
<!--
function change(num){
if(num==1) document.flame.src="
元画像URL1";
if(num==2) document.flame.src="
元画像URL2";
if(num==3) document.flame.src="
元画像URL3";
if(num==4) document.flame.src="
元画像URL4";
if(num==5) document.flame.src="
元画像URL5";
if(num==6) document.flame.src="
元画像URL6";
if(num==7) document.flame.src="
元画像URL7";
if(num==8) document.flame.src="
元画像URL8";
if(num==9) document.flame.src="
元画像URL9";
if(num==10) document.flame.src="
元画像URL10";
if(num==11) document.flame.src="
元画像URL11";
}
// -->
</SCRIPT>

<STYLE type="text/css">
<!--
H1.TITLE {
font-size :
22 pt;
font-family : "
AR勘亭流H";
color :
#0000FF;
}
-->
</STYLE>
</HEAD>
<BODY BGCOLOR="
#FFFFcc">

<DIV align="center">
<H1 class="TITLE">
汐見埠頭のタンカー</H1>
<TABLE border="
1" bordercolor="#0000ff">
<TBODY>
<TR>
<TD><IMG src="
サムネイル画像URL1" onmouseover="change(1)"></TD>
<TD colspan="3" rowspan="3" align="center"><IMG src="
表紙用元画像URL1" name="flame"></TD>
<TD><IMG src="
サムネイル画像URL2" onmouseover="change(2)"></TD>
</TR>
<TR>
<TD><IMG src="
サムネイル画像URL3" onmouseover="change(3)"></TD>
<TD><IMG src="
サムネイル画像URL4" onmouseover="change(4)"></TD>
</TR>
<TR>
<TD><IMG src="
サムネイル画像URL5" onmouseover="change(5)"></TD>
<TD><IMG src="
サムネイル画像URL6" onmouseover="change(6)"></TD>
</TR>
<TR>
<TD><IMG src="
サムネイル画像URL7" onmouseover="change(7)"></TD>
<TD><IMG src="
サムネイル画像URL8" onmouseover="change(8)"></TD>
<TD><IMG src="
サムネイル画像URL9" onmouseover="change(9)"></TD>
<TD><IMG src="
サムネイル画像URL10" onmouseover="change(10)"></TD>
<TD><IMG src="
サムネイル画像URL11" onmouseover="change(11)"></TD>
</TR>
</TBODY>
</TABLE>
<BR>
<FONT color="
#ff0000">サムネール上にマウスポインタを移動すると、画像が拡大表示されます。</FONT><BR>
<BR>

</DIV>