作成テクニック
テクニックの紹介です。すべてJAVAscriptを使用しています。
ロールオーバー
 |
|||
 |
 |
 |
 |
ロールオーバーの詳しい説明はこちら
スライドショー（スクリプト使用）
＜ソース＞
<SCRIPT LANGUAGE="JAVASCRIPT">
<!-- // 任意の画像ファイル名にして下さい
G1="○○○.jpg";
G2="○○○.jpg";
G3="○○○.jpg";
document.write('<CENTER><IMG src=G1 name="A"></CENTER>');
M=G1;
cnt=0;
function SH(){ document.A.src=M;
cnt++;
if(cnt==1 && M==G1){M=G2;}
if(cnt==2 && M==G2){M=G3;}
if(cnt==3 && M==G3){cnt=0;M=G1;}
// 2500は画像の切り替え速度
setTimeout("SH()",2500); }
SH();
// -->
</SCRIPT>
サンプルページ１
サンプルページ２
参考：Javascriptで自動的に切り替わるスライドショー
サムネイル表示をクリックすると拡大表示します。
ソース配布ページ：FancyZoom 1.1