jQuery/scrollAddClass

scrollAddClass

jQuery
var imgArray = new Array(
	"../img/m4.jpg",
	"../img/m5.jpg",
	"../img/reims.jpg",
	"../img/jura.jpg",
	"../img/code.jpg"
);
//画像
function s1Func(){
  var subImg = $("#subDiv img");
  var mainImg = $("#mainDiv img");
  for(var i=0; i subTop){
  	  $("#subDiv").addClass("subAdd");
    } else {
      $("#subDiv").removeClass("subAdd");
    }
  });
}
s2Func();
//scrollAddClass
function s3Func(){
  $(window).scroll(function(){
    if($(this).scrollTop() >= imgTop01 && $(this).scrollTop() < imgTop02){
      $("#subDiv img:eq(0)").addClass("imgAdd");
      $("#subDiv img").not("#subDiv img:eq(0)").removeClass("imgAdd");
    } else if($(this).scrollTop() >= imgTop02 && $(this).scrollTop() < imgTop03){
      $("#subDiv img:eq(1)").addClass("imgAdd");
      $("#subDiv img").not("#subDiv img:eq(1)").removeClass("imgAdd");
    } else if($(this).scrollTop() >= imgTop03 && $(this).scrollTop() < imgTop04){
      $("#subDiv img:eq(2)").addClass("imgAdd");
      $("#subDiv img").not("#subDiv img:eq(2)").removeClass("imgAdd");
    } else if($(this).scrollTop() >= imgTop04 && $(this).scrollTop() < imgTop05){
      $("#subDiv img:eq(3)").addClass("imgAdd");
      $("#subDiv img").not("#subDiv img:eq(3)").removeClass("imgAdd");
    } else if($(this).scrollTop() >= imgTop05 && $(this).scrollTop() < $("fieldset").offset().top){
      $("#subDiv img:eq(4)").addClass("imgAdd");
      $("#subDiv img").not("#subDiv img:eq(4)").removeClass("imgAdd");
    } else {
      $("#subDiv img").removeClass("imgAdd");
    }
  });
}
s3Func();