// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
// スライドショー
// ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
fadeDelay = 17; //スピード
fadeLoopTime = 5000; //繰り返し間隔(1000=1秒)
fadeForCount = 40; //移動時の滑らかさ
fadePtags = new Array();
fadeImageEle = new Array();
max_fade = new Array();
now_fade = new Array(); //現在のスライド
fademoveID = new Array();
IconBox = new Array();
fadeMoveFlag = new Array();
function set_fade(fadeID){ //■■ 設定 ■■
fadePtags[fadeID] = document.getElementById(fadeID).getElementsByTagName("p");
IconBox[fadeID] = document.getElementById(fadeID).getElementsByTagName("div");
max_fade[fadeID] = fadePtags[fadeID].length; //■
内の、画像枚数設定。
now_fade[fadeID] = 0;
fadeMoveFlag[fadeID] = false;
//■全スライド枠の大きさを設定。
// document.getElementById(fadeID).style.width = (sizeW * (max_fade + 1) ) + "px";
//■スライドの定時移動開始。
if(fadeID != "top_gallery"){
fademoveID[fadeID] = setTimeout("fade_next('" + fadeID + "');",fadeLoopTime);
}
//■「●」アイコン設置(fadeID に "gallery" が含まれている場合は、画像アイコンに変更。)
for(i=0; i ";
}
for(i=1; i max_fade[nextID] - 1 ){
fade_move(nextID, 0);
}else{
fade_move(nextID, now_fade[nextID] + 1);
}
}
function fade_prev(prevID){ //■■ 前へのスライド ■■
if ( now_fade[prevID] - 1 < 0 ){
fade_move(prevID, max_fade[prevID] - 1);
}else{
fade_move(prevID, now_fade[prevID] - 1);
}
}
function fade_move(MoveID,Num){ //■■ 番号指定スライド ■■
if( !fadeMoveFlag[MoveID] && Num != now_fade[MoveID] ){
fadeMoveFlag[MoveID] = true;
clearTimeout(fademoveID[MoveID]);
fadePtags[MoveID][now_fade[MoveID]].style.zIndex = "0";
for(j = 0; j < fadeForCount; j++){
setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.opacity = '" + (1-(j+1)/fadeForCount) + "'", j*fadeDelay);
setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.filter = 'Alpha(opacity=" + (100-(j+1)/fadeForCount*100) + ")'", j*fadeDelay);
}
if( now_fade[MoveID] != 0 ){
setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.display = 'none'", fadeForCount*fadeDelay);
}
document.getElementById("icon_" + MoveID + now_fade[MoveID]).className = "";
now_fade[MoveID] = Num;
fadePtags[MoveID][now_fade[MoveID]].style.zIndex = "1";
fadePtags[MoveID][now_fade[MoveID]].style.display = "block";
for(j = 0; j < fadeForCount; j++){
setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.opacity = '" + ((j+1)/fadeForCount) + "'", j*fadeDelay);
setTimeout("fadePtags['" + MoveID + "'][" + now_fade[MoveID] + "].style.filter = 'Alpha(opacity=" + ((j+1)/fadeForCount*100) + ")'", j*fadeDelay);
}
setTimeout("fadeMoveFlag['" + MoveID + "'] = false;", fadeDelay*fadeForCount);
document.getElementById("icon_" + MoveID + now_fade[MoveID]).className = "on";
if(MoveID != "top_gallery"){
fademoveID[MoveID] = setTimeout("fade_next('" + MoveID + "');",fadeLoopTime);
}
}
}
$(function(){
set_fade("top_image");
});