기본적인 슬라이드쇼가 아니라 다양한 화면 전환효과, 슬라이드쇼의 쉽고 효과적인 제어, 터치/스와이프 등의 기능 추가, 사진과 동영상의 혼용 등 추가적인 기능이 필요하다면 직접 구현하는 것보다 라이브러리를 갖다 쓰는 것이 낫다. 직접 써보고 추천하는 슬라이드쇼 라이브러리는 아래와 같다. wow가 가장 유명한 것 같은데 유료라서 뺐다. Swiper : 모바일에 특화되어 있고, 스와이프를 기본으로 지원하며 옵션이 굉장히 다양해 코드를 수정할 일 없이 옵션부여만으로 다양한 효과를 줄 수 있다. slick : 역시 스와이프를 기본지원하고, 옵션은 Swiper보다 조금 적지만 그만큼 사용이 간단하다. 슬라이드를 동적으로 추가/제거하는 기능, 필터링으로 조건을 달아 슬라이드별로 숨기고 보이는 기능 등을 구현할 일이 있으면 좋다. jcSlider : CSS3 애니메이션을 기반으로 만들어졌으며 60여가지의 전환 효과를 간단하게 구현할 수 있다. 옵션은 굉장히 떨어지지만 In/Out 전환효과를 따로 줄 수 있기 때문에 화려한 슬라이드를 만들 수 있다. 웹디자인기능사 시험 날짜는 다가오고~ 원리는 알겠는데 구문 외우는게 너무 헷갈려요 ㅠㅠ... css('margin-left','-1200px') 이렇게 쓰는거랑 css({'margin-left' : '-1200px'}) 이런 차이 ...? 아무튼 공부할 겸~ 슬라이드 부분만 제작해봤습니닷..!!
※ 21.4.12. 가로 슬라이드 무한 반복 코드 첨부합니다.
공유하기 게시글 관리 구독하기가을밤에 내리는 비저작자표시 비영리 변경금지
'꿀팁 공유 > └ 웹디자인기능사' 카테고리의 다른 글2020 웹디자인기능사 2회 합격 후기 (독학) (12)2020.08.132020 웹디자인기능사 실기시험 후기 (4)2020.06.22JUST 쇼핑몰 두번째 연습 (0)2020.05.30탭메뉴 구현 (공지사항/갤러리) (0)2020.05.18메뉴 네비게이션 만들기 (가로) (0)2020.05.18 |