Featherlight.js

wuna oh·2023년 4월 27일

지금 보고 있는 창 안에서 섹션 레이아웃으로 뜨게 하는 라이브러리

링크걸어서 사용 가능하다

사용 방법

  1. featherlight에 들어가서 필요한 파일을 찾기 위해 다운로드한다.
    https://noelboss.github.io/featherlight/
  1. 압축파일을 풀고 다음에 경로에 파일을 가져다가 사용할 곳으로 복사해 넣는다.

혹은
CDN으로 가져다 사용하는 법
다음의 주소에 들어가서 CDN css,js를 복사해서 head태그 안에 붙여 넣는다.
https://github.com/noelboss/featherlight/#installation

  1. html head안에 다음과 같이 소스 넣은 파일 구조에 맞에 넣어준다.
<!-- Featherlight.js -->
  <script src="script/fratherlight/featherlight.js"></script>
  <link rel="stylesheet" href="script/fratherlight/featherlight.css">
  1. 우리가 사용할 a 태그에 ifrem 형식으로 불러오기 위해 다음과 같이 추가만 해주면 끝!
    data-featherlight="iframe"

0개의 댓글