페이드인아웃 슬라이드

1. slide1~3 position absolute 적용은 동일

2. s2, s3 위치값을 변경

 

상/하 슬라이드

    slide2{left:0 / top:main높이값 만큼 -(음수)로 지정}

    slide3{left:0 / top:main높이값 만큼 -(음수)로 지정}

 

좌/우 슬라이드

    slide2{left:main의 너비값만큼 적용/top:0}

    slide3{left:main의 너비값만큼 적용/top:0}

 

 

---

 

 

페이드 인아웃 슬라이드

$(".s2, .s3").hide();

setInterval(slide, 3000)
let i=0;
function slide(){
    i= i==2?0:i+1;
    $(".slide").eq(i).siblings().fadeOut(1000);
    $(".slide").eq(i).fadeIn(1000);
}