JS - lightbox2

RYU·2025년 5월 6일

웹 기초

목록 보기
46/46

lightbox2

  • lightbox2를 사용하기 위해서는 아래의 소스가 필요하다.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/js/lightbox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.5/css/lightbox.min.css">

<a href="띄울 팝업 이미지" data-lightbox="image-1" data-title="작품 설명">
  <img src="클릭할 이미지" alt="">
</a>
  • 작품 설명은 넣어도 되고, 안 넣어도 된다.

lightbox2 라이브러리

예시

0개의 댓글