jQuery :: 슬라이드 만들기 연습

 

 

 

 

연습 1. 이미지가 왼쪽에서 나와서 왼쪽으로 사라지는 슬라이드

 

 

load 메서드를 사용하지 않을 경우, 딜레이가 생김.

이미지가 다 로드되기 전 siblings().css가 시행되어, 적용되지 않은채 slide 함수가 실행됨.

(img2,3,4가 사라지지 않은채 로드될때가지 화면에 남아있음)

 

 

이미지가 왼쪽으로 사라지고, 그 다음이미지가 오른쪽으로 나타나는 슬라이드.

 

 

 

 

 

 

연습 2. 이미지가 왼쪽에서 나와서 오른쪽으로 사라지는 슬라이드

 

animate 메서드는 중복 적용 x

 

gird로 하늘색 박스 영역을 분홍색박스와 겹쳐서 0~3으로 설정하려했으나 안됨.

그래서 margin-left 값을 마이너스로 적용함.

 

 

이미지는 하늘색 박스 안에만 있음.

이미지가 왼쪽에서 나와 중간에 2초머물다가 오른쪽으로 사라지고,

다음 사진이 왼쪽에서 나오는 슬라이드.