// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■ //   スライドショー // ■■■■■■■■■■■■■■■■■■■■■■■■■■■■ now_slide = 1; //現在のスライド sizeW = 250; //画面ヨコサイズ delay = 17; //スピード LoopTime = 4000; //繰り返し間隔(1000=1秒) MoveFlag = false; ForCount = 30; //移動時の滑らかさ function top_set_slide(){ //■■ 設定 ■■ Ptags = document.getElementById("slide_all").getElementsByTagName("p"); max_slide = Ptags.length; //■
内の、画像枚数設定。 //■全スライド枠の大きさを設定。 document.getElementById("slide_all").style.width = (sizeW * max_slide * 3 ) + "px"; if( max_slide > 3 ){ //■スライドを3倍に。 document.getElementById("slide_all").innerHTML += document.getElementById("slide_all").innerHTML + document.getElementById("slide_all").innerHTML; //■全スライドの1ループの大きさ。 LoopWidth = sizeW * max_slide; document.getElementById('slide_all').style.marginLeft = -LoopWidth + "px"; //■スライドの定時移動開始。(3つ以上) ID = setTimeout("top_slide_next();",LoopTime); }else{ document.getElementById("sw_left").style.display = "none"; document.getElementById("sw_right").style.display = "none"; } //■「●」アイコン設置 /* for(i=1; i<=max_slide; i++){ document.getElementById("slide_icon").innerHTML += " "; } document.getElementById("slide_icon_" + now_slide).className = "on"; */ } function top_slide_next(){ //■■ 次へのスライド ■■ if( !MoveFlag ){ MoveFlag = true; if( max_slide > 2 ){ clearTimeout(ID); } for(j = 1; j <= ForCount; j++){ setTimeout("document.getElementById('slide_all').style.left = '-" + (sizeW * (now_slide - 1) + (sizeW / ForCount * j)) + "px'", j*delay); } // document.getElementById("slide_icon_" + now_slide).className = ""; now_slide ++; if ( now_slide > max_slide ){ setTimeout("document.getElementById('slide_all').style.left = '0px'", delay*ForCount); now_slide = 1; } setTimeout("MoveFlag = false;", delay*ForCount); // document.getElementById("slide_icon_" + now_slide).className = "on"; if( max_slide > 2 ){ ID = setTimeout("top_slide_next();",LoopTime); } } } function top_slide_prev(){ //■■ 前へのスライド ■■ if( !MoveFlag ){ MoveFlag = true; if( max_slide > 2 ){ clearTimeout(ID); } // document.getElementById("slide_icon_" + now_slide).className = ""; now_slide --; if ( now_slide < 1 ){ now_slide = max_slide; } for(j = ForCount-1; j >= 0; j--){ setTimeout("document.getElementById('slide_all').style.left = '-" + (sizeW * (now_slide - 1) + (sizeW / ForCount * j)) + "px'", (ForCount - j)*delay); } setTimeout("MoveFlag = false;", delay*ForCount); // document.getElementById("slide_icon_" + now_slide).className = "on"; if( max_slide > 2 ){ ID = setTimeout("top_slide_next();",LoopTime); } } } function top_slide_move(Num){ //■■ 番号指定スライド ■■ if( !MoveFlag && Num != now_slide ){ if( max_slide > 2 ){ clearTimeout(ID); } if( now_slide == max_slide && Num == 1 ){ top_slide_next(); }else if( now_slide == 1 && Num == max_slide ){ top_slide_prev(); }else{ MoveFlag = true; for(j = 1; j <= ForCount; j++){ setTimeout("document.getElementById('slide_all').style.left = '-" + (sizeW * (Num - 1) + (sizeW * (now_slide - Num))/ForCount * (ForCount-j) ) + "px'", j*delay); } // document.getElementById("slide_icon_" + now_slide).className = ""; now_slide = Num; // document.getElementById("slide_icon_" + now_slide).className = "on"; setTimeout("MoveFlag = false;", delay*ForCount); if( max_slide > 2 ){ ID = setTimeout("top_slide_next();",LoopTime); } } } }