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();