<!-- ******************** 表示をデザインする ********************** -->
<!-- タイトル -->
<span id="ttle" style="position:absolute;font:bold 18pt ＤＨＰ行書体; color:#0033CC">
  北アルプスの風景</span><br><br>
<!-- スライド本体 -->
<div id="gakubuti" style="position:absolute; border:outset #6060a0; z-index:2;
  background-color:#ffffff"></div>
<div id="slide" style="position:absolute; z-index:3; filter:wave(lightstrength=0);"></div>
<!-- スイッチ -->
<span id="swit" style="position:absolute;"></span>
<!-- ************************* ここまで *************************** -->

<script type="text/javascript">
<!--// slide_auto02 ver0.30  （ぱーぷりんの溜まり場）
ugoku=new Array(); // この行は触らないで・・

// ***************************  入力事項  *****************************
// ======= 入力１：スライド画像の設定 =======
// 出したい画像の種類を必要数だけ表示順に入力（0から順に）
// 注意！！　画像（写真）の縦と横の比は一定に加工しておいて下さい
ugoku[ 0 ]=(" ../parts/sinho0.jpg ");
ugoku[ 1 ]=(" ../parts/sinho1.jpg ");
ugoku[ 2 ]=(" ../parts/sinho2.jpg ");
ugoku[ 3 ]=(" ../parts/sinho3.jpg ");
ugoku[ 4 ]=(" ../parts/sinho4.jpg ");
// ======= 入力２：位置等の設定 =======
var xx=90 ;                 //スライドショー左端までの間隔（ピクセル）
var yy=60;                  //スライドショー上端までの間隔（ピクセル）
var pitch=3.0;              // スライドする間隔（秒）（初期値 3.0）
var haba =400 ;             // 表示する幅（ピクセル）（初期値 400）
var taka =0;                // 表示する高さ（ピクセル） 0ならば自動設定
var waku = 15 ;             // 額縁の厚さ（ピクセル）（初期値 15）
var str= "0";      // スライド開始スイッチの画像　「0」ならばボタン選択
var stp= "../parts/stp.gif";   // スライド停止スイッチの画像
// ======= 入力３：表示・消滅の速さの調整 =======
var ed = 100;   // 画像の表示が変化する時間で、大きいほど長い（初期値 100）
var nw = 0.10;  // 画像が消えてから次の表示開始迄の待ち時間  （初期値 0.10秒）
var chg= 10;    // 一秒当たりの描画の切替え回数              （初期値 10 回）
// ************************** 入力事項ここまで **************************

 var mai=ugoku.length-1, n=0, inc=0;

// タイトルの設定
 ttle.style.left=xx+20;
 ttle.style.top=yy;

// 画像の設定
 first_img = new Image(); first_img.src = ugoku[0];
 slide.innerHTML="<img src='"+ugoku[0]+"' name='imgs'>";
  w_img=document.imgs.width; h_img=document.imgs.height;
 imgs.style.width=haba;
  if (taka==0){ taka = haba*h_img/w_img }
 slide.style.height=taka;
 slide.style.backgroundColor="#ffffff";
 slide.style.overflow="hidden";
 slide.style.left=xx+waku;
 slide.style.top=yy+30+waku;

// 額縁の設定
 gakubuti.style.borderWidth=waku;
 gakubuti.style.width=haba+waku*2;
 gakubuti.style.height=taka+waku*2;
 gakubuti.style.left=xx;
 gakubuti.style.top=yy+30;

// コントロールスイッチの設定
 if (str!=0) { swit.innerHTML=
  "<span onclick='dec_sakura()'><img src='"+str+"' border=0 hspace=20></span>"+
  "<span onclick='end()'><img src='"+stp+"' border=0 hspace=20></span>"; }
 else { swit.innerHTML=
  "<input type='button' value='開始' onclick='inc_sakura()'>　　　　　"+
  "<input type='button' value='停止' onclick='end()'>"; }
 swit.style.left=xx+20;
 swit.style.top=yy+taka+waku*2+40;

// ----- 関　数 -----
function inc_sakura() {
 slide.filters.wave.phase+= 10;
 slide.filters.wave.strength = Math.floor(inc);
 slide.filters.wave.lightstrength = Math.floor(inc/2);
 slide.filters.wave.freq = Math.floor(inc/10);
 if(inc<=100){ inc+=500/ed;
  tim=setTimeout("inc_sakura()",1000/chg); }
 else {clearTimeout(tim);
  if (n>=mai) { n=0 } else { n++ }
  document.imgs.src=ugoku[n]; mati(); } }

function dec_sakura() {
 slide.filters.wave.phase+= 10;
 slide.filters.wave.strength = Math.floor(inc);
 slide.filters.wave.lightstrength = Math.floor(inc/2);
 slide.filters.wave.freq = Math.floor(inc/10);
 if(inc>1){ inc-=500/ed;
  tim=setTimeout("dec_sakura()",1000/chg); }
 else { clearTimeout(tim); hyoji(); } }

function hyoji() { setTimeout("inc_sakura()",1000*pitch); }
function mati() { setTimeout("dec_sakura()",1000*nw); }

function end(){
 clearTimeout(tim); }
//-->
</script>