Unduh lightgallery desktop - Unduh Kode Sumber lightgallery desktop

lightgallery desktop

Kode sumber lainnya

Version 0.1.1 release

Unduh

Lightgallery

Penampil gambar berbasis modern, elektron, dan nodejs untuk Mac, Windows dan Linux.

Fitur utama

Dibangun dengan elektron.
- Lightgallery menggunakan HTML, CSS, dan JavaScript dengan Chromium dan Node.js untuk membangun aplikasi.
Cross-Platform.
- Lightgallery bekerja di seluruh sistem operasi. Anda dapat menggunakannya di OS X, Windows, atau Linux.
20+ animasi
- Lightgallery hadir dengan banyak animasi yang indah di dalamnya.
Thumbnail animasi
- Anda juga memiliki opsi untuk mengaktifkan thumbnail animasi dari pengaturan.
Zoom & Fullscreen
- Anda dapat mengklik dua kali pada gambar untuk melihat ukuran sebenarnya. Kontrol zoom-in dan zoom-out dapat digunakan untuk mengubah nilai zoom gambar.
Navigasi Seret & Keyboard Mouse
- LightGallery memungkinkan pengguna untuk menavigasi di antara slide melalui drag mouse dan panah keyboard.
Pager
Slideshow otomatis
Mendukung berbagai jenis format gambar (JPG, PNG, GIF, Webp).
Sangat dapat disesuaikan
Dan banyak lagi.

Tonton repositori ini. Lebih banyak fitur akan datang

Pengaturan

Nama	Bawaan	Keterangan
mode	`'lg-slide'`	Jenis transisi antar gambar. lightGallery comes with lots of transition effects such as `'lg-slide'` , `'lg-fade'` , `'lg-zoom-in'` , `'lg-zoom-in-big'` , `'lg-zoom-out'` , `'lg-zoom-out-big'` , `'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'`	Jenis pelonggaran yang akan digunakan untuk animasi
kecepatan	`600`	Durasi transisi (dalam MS).
hideBarsdelay	`6000`	Penundaan untuk Kontrol Galeri Bersembunyi di MS
Useleft	`false`	Paksa Lightgallery untuk menggunakan properti kiri CSS alih -alih transformasi.
dapat ditutup	`true`	memungkinkan klik pada dimmer untuk menutup galeri.
lingkaran	`true`	Jika `false` , akan menonaktifkan kemampuan untuk kembali ke awal galeri saat pada elemen terakhir.
Keypress	`true`	Aktifkan navigasi keyboard
kontrol	`true`	Jika `false` , tombol sebelumnya/berikutnya tidak akan ditampilkan.
slideendanimatoin	`true`	Aktifkan animasi slideend
Hidecontrolonend	`false`	Jika `true` , tombol Prev/Next akan disembunyikan pada gambar pertama/terakhir.
Mousewheel	`true`	Ubah slide pada mousewheel
preload	`1`	Jumlah slide preload. Will Exicute hanya setelah slide saat ini dimuat sepenuhnya. Mis: // Anda mengklik gambar ke -4 dan jika preload = 1 maka slide ke -3 dan slide ke -5 akan dimuat di latar belakang setelah slide ke -4 dimuat sepenuhnya .. jika preload adalah 2 lalu ke -2 slide ke -6 ke -5 akan dimuat sebelumnya
showafterload	`true`	Tampilkan konten setelah dimuat sepenuhnya
menangkal	`true`	Apakah akan menunjukkan jumlah total gambar dan jumlah indeks gambar yang saat ini ditampilkan.
swipethreshold	`50`	Dengan mengatur swipethreshold (di px) Anda dapat mengatur seberapa jauh pengguna harus menggesek untuk gambar berikutnya/prev.
EnabledRag	`true`	Mengaktifkan Dukungan Seret Mouse Desktop
Thumbnail	`true`	Aktifkan thumbnail untuk galeri
animatethumb	`true`	Aktifkan animasi thumbnail.
CurrentPagerPosition	`'middle'`	Posisi Thumbnail Terpilih. `'left'` atau `'middle'` atau `'right'`
Thumbwidth	`100`	Lebar setiap thumbnail.
thumbconcheight	`100`	Tinggi wadah thumbnail termasuk bantalan dan perbatasan
Thumbmargin	`5`	Jarak antara setiap thumbnail
TOOGLETHUMB	BENAR	Apakah akan menampilkan tombol sakelar thumbnail.
enableThumbdrag	`true`	Mengaktifkan dukungan seret mouse desktop untuk thumbnail.
swipethreshold	`50`	Dengan mengatur swipethreshold (di px) Anda dapat mengatur seberapa jauh pengguna harus menggesek untuk slide berikutnya/prev.
Autoplay	`true`	Aktifkan Autoplay Galeri
berhenti sebentar	`5000`	Waktu (dalam MS) antara setiap transisi otomatis.
Progressbar	`true`	Aktifkan Bilah Kemajuan Autoplay
Fourceautoplay	`false`	Jika `false` autoplay akan dihentikan setelah tindakan pengguna pertama
AutoplayControls	`true`	Tampilkan/Sembunyikan Kontrol Autoplay.
pager	`true`	Aktifkan/Nonaktifkan Pager
zoom	`true`	Aktifkan/Nonaktifkan Opsi Zoom
skala	`1`	Nilai zoom harus bertambah/dikurangi

Perkembangan

Folder proyek

app - Kode aplikasi Anda ada di sini.
config - Place untuk Anda nyatakan hal -hal khusus lingkungan.
build - Di lahan folder ini yang dibangun, aplikasi yang dapat dijalankan.
releases - Siap untuk pemasang distribusi akan mendarat di sini.
resources - Sumber Daya untuk Sistem Operasi tertentu.
tasks - Build and Development Environment Script.

Instalasi

 npm install

Ini juga akan mengunduh runtime elektron, dan menginstal dependensi untuk file package.json kedua di dalam folder app .

Memulai aplikasi

 npm start

Membuat rilis

Untuk menyiapkan perintah penggunaan installer distribusi:

 npm run release

Ini akan memulai proses pengemasan untuk sistem operasi yang Anda jalankan perintah ini. File yang siap distribusi akan dikeluarkan untuk releases direktori.

Anda dapat membuat Windows Installer hanya saat berjalan di Windows, hal yang sama berlaku untuk Linux dan OSX. Jadi untuk menghasilkan ketiga installer, Anda memerlukan ketiga sistem operasi.