반응형 및 사용자 정의 가능한 이미지 갤러리 플러그인
Lightgallery.js는 유용한 오픈 소스 이미지 크기 조정 및 사용자 정의 도구입니다.
Lightgallery.js는 웹사이트에서 비디오와 이미지를 로드하고 표시할 때 많은 기능이 필요한 프로젝트에 완벽한 유용하고 사용자 정의가 가능한 플러그인입니다. JavaScript 및 CSS로 완전히 개발된 이 갤러리는 개발자에게 다양한 옵션을 제공하는 완전한 기능을 갖춘 라이트박스 갤러리입니다.
오픈 소스인 Lightgallery.js는 이미지 및 비디오 자산을 갤러리 형태로 웹사이트에 크기 조정 및 업로드 이외의 추가 옵션이 필요할 때 유용합니다. 또한 이미지 및 비디오의 브라우저 기록을 슬라이드에 저장하고 각 갤러리 이미지에 대해 고유한 URL을 제공합니다. 빠를 뿐만 아니라 메모리 성능을 방해하지 않는 가볍고 모듈식 반응형 라이트박스 갤러리 생성기입니다.
LightGallery 시작하기
NPM을 통해 LightGallery를 설치하는 권장 방법입니다. 다음 명령을 사용하여 설치하십시오.
Install LightGallery via NPM
NPM을 통해 LightGallery 설치
npm install lightgallery.js
이미지 조작을 위한 무료 JavaScript API
Lightgallery.js에는 썸네일 생성, 전체 화면, 확대/축소 등과 같은 많은 내장 모듈이 포함되어 있으며 필요하지 않은 경우 폐기할 수 있습니다. 프로젝트 요구 사항에 따라 고유한 모듈을 추가할 수도 있습니다. 이미지 및 비디오 크기를 조정하는 JavaScript 방법과 달리 Lightgallery.js는 반응형 크기 조정을 위해 CSS 전용 접근 방식을 사용하여 훨씬 빠르고 유연합니다. 갤러리의 SASS 변수를 업데이트하기만 하면 필요에 맞게 플러그인을 쉽게 사용자 지정할 수 있습니다.
무료 JavaScript API를 통해 썸네일 생성
썸네일의 경우 Lightgallery.js를 사용하면 YouTube와 같은 애니메이션 썸네일을 활성화하여 보다 현대적인 느낌을 줄 수 있습니다. YouTube 또는 Vimeo 갤러리에 대해 애니메이션 썸네일을 활성화할 수도 있습니다. Lightgallery.js에는 아름다운 갤러리를 만드는 데 사용할 수 있는 플러그인에 20개 이상의 애니메이션이 내장되어 있습니다.