lightgallery desktop
Version 0.1.1 release
Mac, Windows 및 Linux 용 현대적인 전자 및 Nodejs 기반 이미지 뷰어.
| 이름 | 기본 | 설명 |
|---|---|---|
| 방법 | 'lg-slide' | 이미지 간의 전환 유형. Lightgallery는 'lg-slide' , 'lg-fade' , 'lg-zoom-in' , 'lg-zoom-in-big' ', ' 'lg-zoom-out' , 'lg-zoom-out-big' in', 'lg-zoom-out-in' , 'lg-zoom-in-out' , 'lg-soft-zoom' , ' 'lg-scale-up' 'lg-slide-circular' . 'lg-slide-circular-vertical' , 'lg-slide-vertical' , 'lg-slide-vertical-growth' , 'lg-slide-skew-only' , 'lg-slide-skew-only-rev' , 'lg-slide-skew-only-y' , 'lg-slide-skew-only-y-rev' , 'lg-slide-skew' , 'lg-slide-skew-rev' , 'lg-slide-skew-cross' , 'lg-slide-skew-cross-rev' , 'lg-slide-skew-ver' , 'lg-slide-skew-ver-rev' , 'lg-slide-skew-ver-cross' , 'lg-slide-skew-ver-cross-rev' , 'lg-lollipop' 'lg-lollipop-rev' , 'lg-rotate' , 'lg-rotate-rev' , 'lg-tube' |
| csseasing | 'ease' | 애니메이션에 사용할 완화 유형 |
| 속도 | 600 | 전이 지속 시간 (MS). |
| Hidebarsdelay | 6000 | MS에서 갤러리 컨트롤을 숨기는 데 지연됩니다 |
| useleft | false | Lightgallery가 변환 대신 CSS 좌측 속성을 사용하도록 강요합니다. |
| 가깝습니다 | true | Dimmer를 클릭하여 갤러리를 닫을 수 있습니다. |
| 고리 | true | false 인 경우 마지막 요소에있을 때 갤러리의 시작 부분으로 다시 반복하는 기능을 비활성화합니다. |
| 키 프레스 | true | 키보드 탐색을 활성화합니다 |
| 통제 수단 | true | false 경우 이전/다음 버튼이 표시되지 않습니다. |
| 슬라이드 엔 다니마토 인 | true | 슬라이드 엔드 애니메이션을 활성화합니다 |
| Hidecontrolonend | false | true 경우, 이전/마지막 이미지에서 prev/next 버튼이 숨겨집니다. |
| Mousewheel | true | Mousewheel의 슬라이드를 변경하십시오 |
| 예압 | 1 | 예압 슬라이드 수. 현재 슬라이드가 완전히로드 된 후에 만 퇴장시킵니다. 예 : // 4 번째 이미지를 클릭하고 Preload = 1이면 4 번째 슬라이드가 완전히로드 된 후 3 번째 슬라이드와 5 번째 슬라이드가 배경에로드됩니다. Preload |
| ShowAfterload | true | 컨텐츠가 완전히로드되면 표시됩니다 |
| 계수기 | true | 총 이미지 수와 현재 표시된 이미지의 인덱스 수를 표시할지 여부. |
| Swipethreshold | 50 | swipethreshold (px)를 설정하면 다음/이전 이미지를 위해 사용자가 얼마나 멀리 스 와이프 해야하는지 설정할 수 있습니다. |
| enabledRag | true | 데스크탑 마우스 드래그 지원을 활성화합니다 |
| 썸네일 | true | 갤러리의 썸네일을 활성화하십시오 |
| animateThumb | true | 썸네일 애니메이션을 활성화하십시오. |
| CurrentPagerPosition | 'middle' | 선택된 썸네일의 위치. 'left' 또는 'middle' 또는 'right' |
| 썸전 | 100 | 각 썸네일의 너비. |
| Thumbcontheight | 100 | 패딩 및 테두리를 포함한 썸네일 컨테이너의 높이 |
| 썸 마진 | 5 | 각 썸네일 사이의 간격 |
| TOOGLETHUMB | 진실 | 썸네일 토글 버튼을 표시할지 여부. |
| enableThumbdrag | true | 썸네일에 대한 데스크탑 마우스 드래그 지원을 활성화합니다. |
| Swipethreshold | 50 | swipethreshold (px)를 설정하면 다음/이전 슬라이드를 위해 사용자가 얼마나 멀리 스 와이프 해야하는지 설정할 수 있습니다. |
| 자동 플레이 | true | 갤러리 자동 재생을 활성화하십시오 |
| 정지시키다 | 5000 | 각 자동 전환 사이의 시간 (MS). |
| ProgressBar | true | 자동 재생 진행 막대를 활성화하십시오 |
| Fourceautoplay | false | 첫 번째 사용자 조치 후 false AutoPlay가 중지되는 경우 |
| AutoPlaycontrols | true | 자동 재생 컨트롤 표시/숨기기. |
| 휴대용 소형 무선 호출기 | true | 호출기를 활성화/비활성화합니다 |
| 줌 | true | 줌 옵션을 활성화/비활성화합니다 |
| 규모 | 1 | 줌의 값은 증가/감소해야합니다 |
app - 응용 프로그램 코드가 여기에 있습니다.config - 환경 특정 물건을 선언 할 수 있습니다.build -이 폴더 랜드에서 구축 된 실행 가능한 응용 프로그램.releases - 배포 준비 설치자가 여기에 착륙합니다.resources - 특정 운영 체제를위한 리소스.tasks - 빌드 및 개발 환경 스크립트. npm install
또한 Electron Runtime을 다운로드하고 app 폴더 내부의 Second package.json 파일의 종속성을 설치합니다.
npm start
배포 준비 설치 프로그램 사용 명령 :
npm run release
이 명령을 실행중인 운영 체제의 포장 프로세스를 시작합니다. 배포 할 준비가 된 파일은 releases 디렉토리로 출력됩니다.
Windows에서만 실행할 때만 Windows Installer를 만들 수 있습니다. Linux 및 OSX에 대해서도 마찬가지입니다. 따라서 3 개의 설치 프로그램을 모두 생성하려면 세 가지 운영 체제가 모두 필요합니다.
사용자 정의 가능하고 모듈 식, 반응 형 라이트 박스 갤러리 플러그인.
LightsLider는 Carousel Thumbnails Navigation이있는 가벼운 반응 형 컨텐츠 슬라이더입니다.
AngularJS 용 간단한 가벼운 플래시 메시지 모듈
플래시를 사용하지 않고 클립 보드에 텍스트를 복사하는 AngularJS 지침
AngularJS에 대한 풍부한 Wysiwyg 텍스트 편집기 지침.
AngularJS에 대한 Ladda 버튼 지침
통합 비즈니스 애플리케이션 제품군 .. (오픈 소스 프로젝트가 아니라 처음 1,000 개 회사의 경우 무료!)
이 프로젝트에 대한 최신 뉴스, Twitter @Sachinchoolur에서 나를 팔로우하십시오.
전자 보일러 플레이트에 대한 Jakub Szwacz에게 특별한 감사를드립니다
MIT 라이센스
