그냥 개발자 블로그

'한번은 좌로 한번을 우로 흘러가는 슬라이드를 어떻게 만들어야 하나요?' 라는 질문이 있어서 이번 글과 영상을 제작하게 되었습니다. jquery를 이용한 슬라이드를 제작할때 우선 원리를 생각해봐야 합니다. 동작하는 방식에 따라 제작 방법이 모두 다르기 때문 입니다. jquery 슬라이드 제작에는 논리적인 사고가 필요 합니다. 우선 생각의 정리가 필요 합니다. container 안에 div를 겹치고 횟수에 따라서 한번은 왼쪽으로 한번을 오른쪽으로 향하게 할것 입니다. jquery 동작을 생각해보시게 앞서 div에 z-index 값을 각각 다르게 줘서 첫번째 div 가장 앞으로 오게 해줍니다. 이제 어떻게 동작 시킬지 생각해 봅시다. 1. 횟수를 체크할 수 있는 변수를 둬서 왼쪽으로 가게 할지 오른쪽으로 가..

'좌에서 우로 흘러가는 슬라이드를 어떻게 만들어야 하나요?' 라는 질문이 있어서 이번 글과 영상을 제작하게 되었습니다. jquery를 이용한 슬라이드를 제작할때 우선 원리를 생각해봐야 합니다. 동작하는 방식에 따라 제작 방법이 모두 다르기 때문 입니다. jquery 슬라이드 제작에는 논리적인 사고가 필요 합니다. 우선 생각의 정리가 필요 합니다. 이번 경우는 container 안에 div를 float으로 일렬로 나열시켜서 동작을 시켜 볼겁니다. 1. 슬라이드가 시작되기 전에 3번째 div를 1번째 div 앞으로 가져와서 배너의 순서를 3,1,2 로 바꿔준다. 2. 슬라이드가 동작되면 3번째 div에 margin-left에 -(마이너스)값을 줘서 좌측으로 0.6초간 서서히 이동시킨다. (나머지 1,2는 자..