|
作り方（ソースサンプル）
|
|---|
@ＪＳファイル(testdata.js)
<![CDATA[
n=0;
img_s=new Array;//見出し写真
com_s=new Array;//見出しコメント
img_l=new Array;//展示写真
com_l=new Array;//展示しコメント
//
n++;
img_s[n]="hana001s.jpg";
com_s[n]="オオイヌノフグリ";
img_l[n]="hana001.jpg";
com_l[n]=""オオイヌノフグリ";
//
n++;
img_s[n]="hana002s.jpg";
com_s[n]="ツクシ";
img_l[n]="hana002.jpg";
com_l[n]="ツクシ、（成長するとスギナ）";
////////以降、展示件数だけ書く////////
]]>
|
Aフレーム(testfram.htm)
<![CDATA[
<html>
<head>
<title>＊＊＊展示室</title>
</head>
<frameset cols="200,*">
<frame src="testmenu.htm" name="menufram">
<frame src="testmain.htm" name="mainfram">
</frameset>
]]>
|
Bメニュー(testmenu.htm)
<![CDATA[
<html>
<head>
<title>menu</title>
<script language="javascript" src="testdata.js"></script>
<script language="javascript">
function img_set(dtno){
document.forms[0].set_no.value=dtno;
top.frames[1].location.href="testmain.htm";
}
</script>
<head>
<body>
<script language="javascript">
for(i=1;i<=n;i++){
document.write('<a href="javascript:img_set(',i,')">');
document.write('<img src="',img_s[i],'">');
document.write('</a><br>');
document.write(com_s[i]);
document.write('<br><br>\n');
}
</script>
<form>
ｾｯﾄNO：
<input type="text" name="set_no" value="1" size=3>
</form>
</body>
</html>
]]>
|
C展示(testmain.htm)
<![CDATA[
<html>
<head>
<title>main</title>
<script language="javascript" src="testdata.js"></script>
</head>
<body>
<center>
<h1>展示テスト</h1>
<script language="javascript">
file_no=top.frames[0].document.forms[0].set_no.value;
document.write('<img src="',img_l[file_no],'"><br>');
document.write(com_l[file_no]);
</script>
</center>
</body>
</html>
]]>
|