11-17 오이도 선사유적 공원 메인 슬라이드 반응형

오이도선사유적공원

Wonseein 2020. 11. 17. 20:10

Swiper plugin 사용.

오류 :: 슬라이드를 배치했을 때 헤더 메뉴와 겹치지 않게 보이는 문제

스와이퍼 플러그인 내의 css 수정 ::

position : absolute 로 변경, z-index 값 변경, height 값 추가, 상위 wrapper의 overflow hidden 삭제

:: Pagination 추가, 백그라운드 이미지에 span 태그 추가, 슬라이드 순서 변경, fade 효과 변경,

:: position : relative 값과 absolute 정리

:: 메인 슬라이드의 span 수정

:: 슬라이드 밑의 main_cutter 수정

:: 태그 정리

:: 반응형 처리 ( 해상도에 따라 height 값 조정 )

:: 반응형으로 했을 시 해당 스폰태그가 position 위치가 잘못 잡히는 문제 수정 ( 스크롤 했을 시 absolute 값 )

:: 반응형 작업

깃 허브 주소

라이브 서버