lightgallery desktop
Version 0.1.1 release
ตัวชมรูปภาพที่ทันสมัยอิเล็กตรอนและ NodeJS สำหรับ Mac, Windows และ Linux
| ชื่อ | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|
| โหมด | 'lg-slide' | ประเภทของการเปลี่ยนแปลงระหว่างภาพ Lightgallery มาพร้อมกับเอฟเฟกต์การเปลี่ยนแปลงมากมายเช่น 'lg-slide' , 'LG- 'lg-zoom-in-big' 'lg-fade' , 'lg-zoom-in' '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-y' 'lg-slide-skew-only-rev' , 'lg-slide-skew' 'lg-slide-skew-only-y-rev' '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- 'lg-lollipop' 'lg-slide-skew-ver-cross-rev' 'lg-lollipop-rev' , 'lg-rotate' , 'lg-rotate-rev' , 'lg-tube' |
| CSSEASEN | 'ease' | ประเภทของการผ่อนคลายที่จะใช้สำหรับภาพเคลื่อนไหว |
| ความเร็ว | 600 | ระยะเวลาการเปลี่ยนแปลง (เป็น MS) |
| Hidebarsdelay | 6000 | ความล่าช้าในการซ่อนการควบคุมแกลเลอรี่ใน MS |
| useleft | false | Force LightGallery ใช้คุณสมบัติ CSS ซ้ายแทนการแปลง |
| ซึ่งปิดได้ | true | อนุญาตให้คลิกที่หรี่ไฟเพื่อปิดแกลเลอรี่ |
| วง | true | หาก false จะปิดการใช้งานความสามารถในการวนกลับไปที่จุดเริ่มต้นของแกลเลอรี่เมื่ออยู่ในองค์ประกอบสุดท้าย |
| การกดปุ่ม | true | เปิดใช้งานการนำทางแป้นพิมพ์ |
| การควบคุม | true | หาก false ปุ่ม prev/ถัดไปจะไม่ปรากฏ |
| Slideendanimatoin | true | เปิดใช้งานภาพเคลื่อนไหวสไลด์เอนเดอร์ |
| HideControlonend | false | หาก true ปุ่ม prev/ถัดไปจะถูกซ่อนอยู่บนภาพแรก/สุดท้าย |
| Mousewheel | true | เปลี่ยนสไลด์บน Mousewheel |
| โหลดล่วงหน้า | 1 | จำนวนสไลด์โหลดล่วงหน้า จะส่งออกเฉพาะหลังจากสไลด์ปัจจุบันถูกโหลดอย่างสมบูรณ์ ตัวอย่าง: // คุณคลิกที่ภาพที่ 4 และหาก preload = 1 จากนั้นสไลด์ที่ 3 และสไลด์ที่ 5 จะถูกโหลดในพื้นหลังหลังจากสไลด์ที่ 4 โหลดเต็ม .. หากโหลดล่วงหน้า 2 แล้วอันดับที่ 3 อันดับที่ 5 ที่ 2 |
| การฉาย | true | แสดงเนื้อหาเมื่อมีการโหลดอย่างสมบูรณ์ |
| เคาน์เตอร์ | true | ไม่ว่าจะแสดงจำนวนภาพทั้งหมดและหมายเลขดัชนีของภาพที่แสดงในปัจจุบัน |
| swipethreshold | 50 | โดยการตั้งค่า swipethreshold (เป็น px) คุณสามารถตั้งค่าได้ว่าผู้ใช้จะต้องปัดไปไกลแค่ไหนสำหรับภาพถัดไป/prev |
| enabledRag | true | เปิดใช้งานการรองรับการลากเมาส์เดสก์ท็อป |
| รูปขนาดย่อ | true | เปิดใช้งานรูปขนาดย่อสำหรับแกลเลอรี่ |
| อนิเมชั่น | true | เปิดใช้งานภาพเคลื่อนไหวขนาดย่อ |
| ปัจจุบัน | 'middle' | ตำแหน่งของภาพขนาดย่อที่เลือก 'left' หรือ 'middle' หรือ 'right' |
| ความขดลวด | 100 | ความกว้างของรูปขนาดย่อแต่ละอัน |
| Thumbcontheight | 100 | ความสูงของตู้เก็บภาพย่อรวมถึงช่องว่างภายในและขอบ |
| Thumbmargin | 5 | ระยะห่างระหว่างรูปขนาดย่อแต่ละอัน |
| Tooglethumb | จริง | ไม่ว่าจะแสดงปุ่มสลับภาพขนาดย่อหรือไม่ |
| เปิดใช้งาน | true | เปิดใช้งานการรองรับการลากเมาส์เดสก์ท็อปสำหรับรูปขนาดย่อ |
| swipethreshold | 50 | โดยการตั้งค่า swipethreshold (เป็น px) คุณสามารถตั้งค่าได้ว่าผู้ใช้จะต้องปัดไปไกลแค่ไหนสำหรับสไลด์ถัดไป/prev |
| เล่นอัตโนมัติ | true | เปิดใช้งาน Gallery Autoplay |
| หยุดชั่วคราว | 5000 | เวลา (ใน MS) ระหว่างการเปลี่ยนแปลงอัตโนมัติแต่ละครั้ง |
| แถบความก้าวหน้า | true | เปิดใช้งานแถบความคืบหน้าการเล่นอัตโนมัติ |
| Fourceautoplay | false | หากการเล่น autoplay false จะหยุดหลังจากการกระทำของผู้ใช้ครั้งแรก |
| AutoplayControls | true | แสดง/ซ่อนการควบคุมการเล่นอัตโนมัติ |
| เพจเจอร์ | true | เปิด/ปิดการใช้งานเพจเจอร์ |
| ซูม | true | เปิด/ปิดการใช้งานตัวเลือกการซูม |
| มาตราส่วน | 1 | ควรเพิ่มมูลค่าการซูม/ลดลง |
app - รหัสของแอปพลิเคชันของคุณไปที่นี่config - สถานที่ให้คุณประกาศสิ่งที่เฉพาะเจาะจงของสภาพแวดล้อมbuild - ในโฟลเดอร์นี้สร้างแอปพลิเคชันที่รันได้releases - พร้อมสำหรับผู้ติดตั้งการจัดจำหน่ายจะลงจอดที่นี่resources - ทรัพยากรสำหรับระบบปฏิบัติการเฉพาะtasks - สคริปต์สร้างและพัฒนาสภาพแวดล้อม npm install
นอกจากนี้ยังจะดาวน์โหลด Electron Runtime และติดตั้งการพึ่งพาสำหรับ package.json ไฟล์ที่สองภายในโฟลเดอร์ app
npm start
เพื่อให้พร้อมสำหรับการจัดจำหน่ายตัวติดตั้งคำสั่งใช้คำสั่ง:
npm run release
มันจะเริ่มกระบวนการบรรจุภัณฑ์สำหรับระบบปฏิบัติการที่คุณใช้งานคำสั่งนี้ ไฟล์ที่พร้อมสำหรับการแจกแจงจะถูก releases ไปยังไดเรกทอรี
คุณสามารถสร้าง Windows Installer ได้เฉพาะเมื่อทำงานบน Windows เช่นเดียวกับ Linux และ OSX ดังนั้นในการสร้างตัวติดตั้งทั้งสามตัวคุณต้องใช้ระบบปฏิบัติการทั้งสามระบบ
ปลั๊กอินแกลเลอรี Lightbox ที่ปรับแต่งได้
Lightslider เป็นตัวเลื่อนเนื้อหาที่ตอบสนองน้ำหนักเบาพร้อมการนำทางรูปขนาดย่อของม้าหมุน
โมดูลข้อความแฟลชน้ำหนักเบาง่ายสำหรับ AngularJs
คำสั่ง AngularJS เพื่อคัดลอกข้อความไปยังคลิปบอร์ดโดยไม่ต้องใช้แฟลช
คำสั่งตัวแก้ไขข้อความ Wysiwyg ที่หลากหลายสำหรับ AngularJs
คำสั่งปุ่ม ladda สำหรับ angularjs
ชุดแอปพลิเคชั่นธุรกิจแบบบูรณาการ .. (ไม่ใช่โครงการโอเพ่นซอร์ส แต่ฟรีสำหรับ 1,000 บริษัท แรก!)
ติดตามฉันบน Twitter @sachinchoolur สำหรับข่าวล่าสุดอัปเดตเกี่ยวกับโครงการนี้
ขอขอบคุณเป็นพิเศษสำหรับ Jakub Szwacz สำหรับอิเล็กตรอน
ใบอนุญาต MIT
