１、作品単位にフォルダーをつくる。
作品単位に個別フォルダーを作り、そこに、写真ファイル、サムネール（縮小写真）ファイル＜省略可＞と
次のファイルを作成して保存してください。
|
data.js
|
//////////////////背景・文字色//////////////////
// ”背景色 ， 壁紙”
back="#88ccdd,back.gif";
text_color="#ff0000";//文字色
//////////////////写真データ///////////////////
// ”サムネール， 原画， コメント”
n++;dt[n]="gaien53.jpg,gaien53.jpg,外苑通り入口から絵画館を望む";
n++;dt[n]="gaien47.jpg,gaien47.jpg,黄葉した銀杏並木";
n++;dt[n]="gaien44.jpg,gaien44.jpg,１本だけ黄葉の遅れている木";
// ↑ サムネール用ファイルがない場合は原画ファイル名で代用する
|
title.htm
|
|
常時表示するタイトルページ、自由にレイアウトしてください
|
top.htm
|
最初に表示する説明ページ、自由にレイアウトしてください
|
２、システムフォルダー
個別フォルダーの上位フォルダに次のファイルを置いてください。
関連性のない所や、別のサーバーに置く事も出来ます。
その場合は、以下の説明の「フォルダ名」を「ＵＲＬ」と読み替えhttp://からフルパスで書いてください。
|
総合一覧ページ（このページ）
|
作り方は自由ですが、各作品ページを呼び出す書き方は
<a href="frame.htm#作品のあるページのフォルダー名/">紹介文</a>
のように書きます。
（例）<a href="frame.htm#gaien/">神宮外苑の銀杏並木の黄葉</a>
別のサーバーにある場合や関連性のない場所にある場合はフォルダ名をフルパスで書いてください。
（例）<a href="frame.htm#http://osaka.cool.ne.jp/sokotu/natu/">夏の花</a>
|
frame.htm
|
|
<![CDATA[
<HTML>
<HEAD><script language="javascript">
<!--
ur=document.location.href;
dr=ur.split("#");
old_url=document.referrer;
//-->
</script>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>フレーム</TITLE>
<SCRIPT language="javascript">
<!--
document.write('<frameset cols="200,*" border=0>');
document.write('<frame src="menu.htm#',dr[1],'#',old_url,'" name="menu" border=0>');
document.write('<frameset rows="100,*" border=0>');
document.write('<frame src="',dr[1],'title.htm" name="title" scrolling="no">');
document.write('<frame src="',dr[1],'top.htm" name="body">');
document.write('</frameset>');
document.write('</frameset>');
//-->
</SCRIPT>
</HEAD>
</HTML>
]]>
|
menu.htm
|
|
<![CDATA[
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>メニュー・サムネイル</TITLE>
<script language="javascript">
<!--
ur=document.location.href+"#";
dr=ur.split("#");
back="#88ccdd,";
text_color="#ff0000";
n=0;
dt=new Array();
no=0;rl=1;
//右窓呼出し
function put(p){
no=p;
dd=dt[no].split(",");
document.myform.kakudai_dt.value=dr[1]+dd[1]+'?'+dd[2]+'?'+bb[0]+'?'+dr[1]+bb[1]+'?'+text_color;
//top.body.location.href="body.htm";
parent.body.location.href="body.htm";
}
function go(g){
rl=g
no=no+rl;
if(no<1){no=n;}
if(no>n){no=1;}
put(no);
}
at_flg=0;
function at(){
if(at_flg==0){
at_sub();
at_flg=1;
document.myform.sw2.value="停 止";
}else{
at_flg=0;
clearTimeout(tim);
document.myform.sw2.value="ｽﾗｲﾄﾞｼｮｰ";
}
}
function at_sub(){
go(rl);
tim=setTimeout("at_sub()",5000);
}
//-->
</script>
</HEAD>
<BODY>
<center>
<script language="javascript">
<!--
document.write('<');
document.write('script language="javascript" src="',dr[1],'data.js"><');
document.write('/script>');
//-->
</script>
<script language="javascript">
<!--
bb=back.split(",");
document.body.background=dr[1]+bb[1];
document.bgColor=bb[0];
document.write('<a href="',dr[1],'top.htm" target="body">');
document.write('<font color="',text_color,'"><b>サイト内容説明</font></b></a><br>');
document.write('<form name="myform">');
document.write('<table border=0 cellpadding=2><tr><th colspan=2 bgcolor=#cccccc>');
document.write('<input type=button name="sw1" value="↑" onClick="go(-1);">');
document.write(' <input type=button name="sw2" value="スライドショー" onClick="at();" style="width:84"> ');
document.write('<input type=button name="sw3" value="↓" onClick="go(+1);">');
document.write('</th></tr><tr>')
for(i=1;i<=n;i++){
dd=dt[i].split(",");
if(dd[0]==""){dd[0]=dd[1];}
document.write('<td><a href="javascript:put(',i,')">');
document.write('<img src="',dr[1],dd[0],'" width=68 height=51 border=0>');
document.write('</a><br></td>');
if(i%2==0){document.write('</tr><tr>');}
}
document.write('</tr></table>');
document.write('<input type=hidden name="kakudai_dt" value="">');
document.write('</form>');
//document.write('<hr><a href="',dr[2],'" target="_top"><font color="',text_color,'">戻る</font></a>');
//old_url=top.document.referrer;
old_url=parent.document.referrer;
if(history.length==1){old_url="javascript:close()";}
document.write('<hr><a href="',old_url,'" target="_top"><font color="',text_color,'">戻る</font></a>');
//-->
</script>
</center>
</BODY>
</HTML>
]]>
|
body.htm
|
|
<![CDATA[
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>写真表示のページ</TITLE>
</HEAD>
<BODY>
<center>
<script language="javascript">
<!--
//ur=top.menu.document.myform.kakudai_dt.value+"????";
ur=parent.menu.document.myform.kakudai_dt.value+"????";
dr=ur.split("?");
document.body.background=dr[3];
document.bgColor=dr[2];
document.write('<table border=0 width=100% height=100%><tr><td align=center>');
document.write('<img src="',dr[0],'" border=0 galleryimg="no"><br><br>');
document.write('<font size=4 color="',dr[4],'">',dr[1],'</font><br>');
document.write('</td></tr></table>');
//-->
</script>
</center>
</BODY>
</HTML>
]]>
|
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
ＵＲＬ：http://www2a.biglobe.ne.jp/~qpon/ バナー：
|