<![CDATA[
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>額付き作品展示</title>
<script type="text/javascript">
<!--
//額縁製作（各自工夫して作ってください）
gakubuti_url="./";//背景イメージファイルを別の場所に置くときは、そのＵＲＬ
gakubuti=new Array();
//-------------------------------------------------------------
// 額の[NO]="額 縁 ，縁 取 ，台 紙 ，写真枠 ,ラベル色 ,文字色"
//-------------------------------------------------------------
gakubuti[1]="b01.gif,#dddddd,01.gif,#ffffff,#ccbb00,#000000";
gakubuti[2]="b02.gif,#8888aa,#bbbbff,#ffffff,#886600,#ffffff";
gakubuti[3]="b03.gif,#aabbaa,10.gif,#ffffff,#ccbbff,#ff0000";
gakubuti[4]="b04.gif,#bbaa88,03.gif,#ffffff,#ccbb00,#0000ff";
gakubuti[5]="#bb8888,#ffbbbb,06.gif,#ffffff,#ffffff,#000000";
gakubuti[6]="#bb88aa,#ffbbee,07.gif,#ffffff,#ccbbcc,#000000";
gakubuti[7]="#bbbb88,#ffffbb,08.gif,#ffffff,#ccbb00,#000000";
gakubuti[8]="#888888,#bbbbbb,09.gif,#ffffff,#000000,#ffffff";
//------------------（色コード又はイメージファイル）-----------
//サムネイル初期設定
sw=120; //サムネルの横幅
sh=Math.floor((sw/4)*3); //サムネルの縦幅（縦横比を３対４対で計算）
xn=4; //サムネールの横に並べる枚数
//拡大表示初期設定
moji_size=18; //コメントの文字サイズ
at_speed=5000;//自動スライド間隔（ミリ秒）
dt=new Array();syasin_n=0;
ur="./"; //写真を別の場所に置くときは、そのＵＲＬ
//----------------------------------------------------------------------------------
//"サムネルファイル名（省略可） ，作品ファイル名 ，タイトル,コメント，額縁ＮＯ,作品縦横,表示横幅”
//作品縦横（縦＝2、横＝1又は省略） 表示横幅＝作品の横ピクセル数、省略時はデイスプレーの７０％（縦型は４５％）
//-----------------------------------------------------------------------------------
syasin_n++;dt[syasin_n]=",L2406.jpg,チェコ,チェスキークルムロフ城,6"; //横型、横幅自動
syasin_n++;dt[syasin_n]=",L2405.jpg,フランス,シャモニーの町並み,4,1"; //横型、横幅自動
syasin_n++;dt[syasin_n]=",L2404.jpg,イタリア,大運河,3,1,400"; //横型、横幅=400
syasin_n++;dt[syasin_n]=",L2403.jpg,フランス,シャンティイ城 ,2,1,900"; //横型、横幅=900
syasin_n++;dt[syasin_n]=",L1907.jpg,ドイツ,塔のある景色,5,2"; //縦型 横幅＝自動
syasin_n++;dt[syasin_n]=",L1908.jpg,フランス,エッフェル塔,1,2,300"; //縦型、横幅＝300
syasin_n++;dt[syasin_n]=",L1913.jpg,ドイツ,ノイシュヴァンシュタイン城 ,7,2,600"; //縦型、横幅＝600
syasin_n++;dt[syasin_n]=",L1914.jpg,南アメリカ,イグアズの滝,8,2"; //縦型 横幅＝自動
//-----------------------------------------------------------------------------------
//-->
</script>
</head>
<body>
<center>
<font size="6">額付き作品展示ツール</font>
<br><br>
<script type="text/javascript" src="https://qpon-toyota.com/java/gaku/gaku.js" charset="shift_jis">
</script>
<a href="http://www2a.biglobe.ne.jp/~qpon/html/xp_sp2.htm" target="mc">
<font size=1 color=#ff4488>フルスクリーン鑑賞設定法</font>
</a><br><br>
</center>
</body>
</html>
]]>
gaku.jsを改造する場合はここをクリックしてダウンロードしてください
- 額縁用イメージ（３２×３２ピクセル）
- 台紙用イメージ（サイズ自由）
上のイメージはフリー素材です、自由にご利用ください。
ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
ＵＲＬ：https://qpon.fun/
バナー：
|