Javascript/fadeスライドショー

  • 0
  • 1
  • 2
  • 3
  • 4
javascript
var img01 = document.getElementById("img01");
var img02 = document.getElementById("img02")
var imgArray = new Array(
	"../img/jura.jpg",
	"../img/reims.jpg",
	"../img/back.png",
	"../img/pic.jpg",
	"../img/back2.jpg"
);
var i = -1; // 現在表示している配列番号
var flg = 0; // どっちを表示して、どっちを消すかのフラグ
var sss;
var sLi = document.querySelectorAll("#sUl li");
var count = 5000;
function fff(){
  for(var j=0; j= imgArray.length){
  	i = 0;
  }
  ifif();
});

function ddd(n){
  if (flg == 0){
	img01.src = imgArray[n]; // 次の画像をセットする
	img01.className = "fadein"; // フェードイン
	img02.className = "fadeout"; // フェードアウト
	fff();
    sLi[n].className = "back";
  }else{
	img02.src = imgArray[n]; // 次の画像をセットする
	img01.className = "fadeout"; // フェードアウト
	img02.className = "fadein"; // フェードイン
	fff();
    sLi[n].className = "back";
  }
  i = n;
}