// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
// スライドショー
// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
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);
}
}
}
}