라이트박스(JavaScript)

Lightbox (JavaScript)
일반적인 라이트박스 이미지 표시

라이트박스는 자바스크립트 라이브러리로 화면을 채우고 나머지 웹 페이지를 어둡게 만들어 이미지와 동영상을 보여준다.[1]

원래의 자바스크립트 도서관은 로케시 다카르가 썼다.[2]Lightbox라는 용어는 다른 유사한 자바스크립트 라이브러리를 지칭할 수도 있다.그 기술은 단순하고 우아한 스타일 덕분에 널리 인기를 얻었다.

기존의 라이트박스 라이브러리는 애니메이션과 포지셔닝을 위해 두 개의 자바스크립트 라이브러리인 프로토타입 Javascript Framework와[3] script.aculo.us을 사용했다.[4]2012년 4월, 그 플러그인은 jQuery를 위해 다시 작성되었다.[5]Lightbox의 오픈소스 특성은 개발자들에게 코드를 수정하고 포크를 씌우도록 장려하여 Colorbox, Magnific Popping, Slimbox 또는 Thickbox와 같은 플러그인이 생기게 했다.

라이트박스 스크립트는 브라우저의 자바스크립트 지원에 의존한다.[6]어떤 이유로든 스크립트를 로드하지 않는 브라우저는 대신 이미지를 별도의 페이지 로드로 로드할 수 있어 Lightbox 효과는 사라지지만 이미지 표시 기능은 그대로 유지할 수 있다.[7]

참조

  1. ^ Jakob Nielsen, Alertbox. "10 Best Application UIs".
  2. ^ Dhakar, Lokesh. "Lightbox JS". Retrieved 2012-12-17.
  3. ^ Herrington, Jack D. "Ajax and XML: Ajax for lightboxes". IBM DeveloperWorks. Retrieved 2008-05-21.
  4. ^ Schmitt, Christopher (2006). CSS Cookbook. O'Reilly. p. 204. ISBN 0-596-52741-1.
  5. ^ Dhakar, Lokesh. "Lightbox2". Retrieved 2012-12-17.
  6. ^ Schmitt, Christopher (2006). CSS Cookbook. O'Reilly. p. 207. ISBN 0-596-52741-1.
  7. ^ Zervaas, Quentin (2007). Practical Web 2.0 Applications with PHP. Springer. pp. 423. ISBN 1-59059-906-3.

외부 링크