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

Swiper plugin 사용.

 

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

 

 

 

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

 

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

 

 

 

 

 

 

 

 

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

 

 

 

 

 

  :: position : relative 값과 absolute 정리

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

  :: 슬라이드 밑의 main_cutter 수정

  :: 태그 정리

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

 

 

 

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

 

 

 

 

:: 반응형 작업

 

 

 

 

 

깃 허브 주소

 

github.com/wonpoem/oido/tree/main/oido3/oido2

 

 

라이브 서버

 

rkqtlr15159.cafe24.com/oido2/