jQuery

jQuery는 DOM,이벤트,Data 등의 핸들링을 쉽게 하기 위해 만들어진 자바스크립트 함수의 모음이다.

기능구현을 위한 css 큰 그림을 보자면~! 슬라이드 이미지를 옆으로 쭉 나열해서 pagination을 클릭할때마다 이미지 컨테이너가 옆으로 이동하도록 할 것이다.

슬라이드 이미지를 자동으로 넘어가게 하고 싶을 때, 콜백함수를 주기적으로 실행하는 함수 setInterval을 사용하면 된다.

두 가지 이미지를 번갈아 나타내는 자동재생 기능과 일시정지 버튼, 그리고 타이틀을 누르면 일시정지되며 이미지가 전환되는 로직을 구현해보자

라이트박스 (모달창) 띄우는 로직 / esc 버튼 , 닫기버튼, 그림자 클릭시 닫히는 기능 구현하기

카카오톡 슬라이드의 이전/다음버튼, 네비게이션, 자동재생 기능 구현해보기!학원 평가시간에 만들어본 기능인데 앞으로 자주 사용할 것 같아서 기록으로 남겨본다 :)