2021-08-27 (137일차) lightbox2 사용방법, 웹디자인기능사 대비

 웹디자인 기능사 실기시험 대비 11강~12강 (세로메뉴)

 자바스크립트와 제이쿼리 기초 103강  (lightbox2)

 

 

- lightbox2 사용방법

  jquery 가져오기

  lightbox.min.css 가져오기

  lightbox.min.js 가져오기

  a태그로 이미지를 감싸기

  a의 주소넣을 자리에 이미지를 넣기

 

data-light : 그룹화 역할을 한다.

사진들을 같은 네임명을 해주면 팝업에서 버튼을 통해 이동을 할 수 있다.

data-title : 팝업에서 텍스트를 나타낼 수 있다.