عارض الصور الحديث والإلكترون والمعالم في Mac و Windows و Linux.
| اسم | تقصير | وصف |
|---|---|---|
| وضع | 'lg-slide' | نوع الانتقال بين الصور. يأتي Lightgallery مع الكثير من التأثيرات الانتقالية مثل '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-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-skew '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' |
| CSSSINE | 'ease' | نوع التخفيف لاستخدامه في الرسوم المتحركة |
| سرعة | 600 | مدة الانتقال (في MS). |
| HideBarsdelay | 6000 | تأخير عناصر التحكم في معرض الاختباء في MS |
| USELEFT | false | إجبار Lightgallery على استخدام خاصية CSS اليسرى بدلاً من التحويل. |
| قابلة للإغلاق | true | يسمح النقرات على Dimmer لإغلاق المعرض. |
| حلقة | true | إذا كان false ، فسيقوم بتعطيل القدرة على العودة إلى بداية المعرض عندما يكون على العنصر الأخير. |
| keypress | true | تمكين لوحة لوحة المفاتيح |
| الضوابط | true | إذا كان false ، فلن يتم عرض الأزرار السابقة/التالية. |
| Slideendanimatoin | true | تمكين Slideend الرسوم المتحركة |
| HideControlonend | false | إذا كان true ، فسيتم إخفاء زر Prev/Next على الصورة الأولى/الأخيرة. |
| موسوميل | true | تغيير الشريحة على mousewheel |
| التحميل المسبق | 1 | عدد الشرائح المسبقة. سوف exicute فقط بعد تحميل الشريحة الحالية بالكامل. على سبيل المثال: // قمت بالنقر فوق الصورة الرابعة وإذا تم إعداد مسبق = 1 ، فسيتم تحميل الشريحة الثالثة والشريحة الخامسة في الخلفية بعد تحميل الشريحة الرابعة بالكامل .. إذا كان التمهيدي هو 2 ، فسيتم تحميل الشريحة الثانية الثالثة الخامسة. |
| تحميل | true | إظهار المحتوى بمجرد تحميله بالكامل |
| عداد | true | ما إذا كان لإظهار إجمالي عدد الصور وعدد الفهرس للصور المعروضة حاليًا. |
| swipethreshold | 50 | من خلال ضبط SwipethReshold (في PX) ، يمكنك ضبط مدى انتقال المستخدم للصورة التالية/Prev. |
| تمكين | true | يتيح دعم السحب على سطح المكتب |
| الصورة المصغرة | true | تمكين الصورة المصغرة للمعرض |
| AnimateThumb | true | تمكين الرسوم المتحركة المصغرة. |
| CurrentPagerPosition | 'middle' | موقف الصورة المصغرة المختارة. 'left' أو 'middle' أو 'right' |
| عرض الإبهام | 100 | عرض كل صورة مصغرة. |
| Thumbcontheight | 100 | ارتفاع حاوية الصورة المصغرة بما في ذلك الحشو والحدود |
| الإبهام | 5 | التباعد بين كل صورة مصغرة |
| TOOGLETHUMB | حقيقي | ما إذا كان لعرض زر تبديل الصورة المصغرة. |
| enibleThumbdrag | true | يمكّن دعم السحب لسطح المكتب للأعروس المصغرة. |
| swipethreshold | 50 | من خلال إعداد SwipethReshold (في PX) ، يمكنك تعيين مدى انتقال المستخدم إلى الشريحة التالية/Prev. |
| اللعب التلقائي | true | تمكين معرض Autoplay |
| يوقف | 5000 | الوقت (في MS) بين كل انتقال تلقائي. |
| ProgressBar | true | تمكين شريط التقدم التلقائي |
| FourCeautoplay | false | إذا تم إيقاف التشغيل التلقائي false بعد إجراء المستخدم الأول |
| AutoplayControls | true | إظهار/إخفاء عناصر التحكم التلقائية. |
| بيجر | true | تمكين/تعطيل النداء |
| تكبير | true | تمكين/تعطيل خيار التكبير |
| حجم | 1 | يجب زيادة/انخفاض قيمة التكبير |
app - رمز التطبيق الخاص بك يذهب هنا.config - مكان لك لإعلان أشياء محددة للبيئة.build - في هذا المجلد الأراضي التي تم بناؤها ، قابلة للتشغيل.releases - جاهزة لمثبتات التوزيع سوف تهبط هنا.resources - الموارد لنظام التشغيل معين.tasks - البرامج النصية للبيئة البناء والتطوير. npm install
كما سيتم تنزيل وقت تشغيل الإلكترون ، وتثبيت التبعيات لملف package.json الثاني داخل مجلد app .
npm start
لجعل الأمر جاهزًا لاستخدام مثبت التوزيع:
npm run release
ستبدأ عملية التغليف لنظام التشغيل الذي تقوم بتشغيله على هذا الأمر. سيتم إخراج الملف الجاهز للتوزيع إلى دليل releases .
يمكنك إنشاء تثبيت Windows فقط عند التشغيل على Windows ، وينطبق الشيء نفسه على Linux و OSX. لذلك لإنشاء جميع المؤسسات الثلاثة ، تحتاج إلى أنظمة التشغيل الثلاثة.
مكون إضافي قابل للتخصيص ، وحدات ، وسريعة الاستجابة ، معرض Lightbox.
Lightslider عبارة عن شريط تمرير محتوى مستجيب للوزن مع ملاحة مصغرة.
وحدة رسائل فلاش بسيطة خفيفة الوزن لـ AngularJS
توجيه AngularJS لنسخ النص إلى الحافظة دون استخدام فلاش
توجيه محرر نصية Wysiwyg الغني لـ AngularJS.
توجيه زر LADDA لـ AngularJS
مجموعة متكاملة من تطبيقات الأعمال .. (ليس مشروعًا مفتوح المصدر ولكن مجانًا لأول 1000 شركة!)
اتبعني على TwitterSachinChoolur للحصول على آخر الأخبار ، تحديثات حول هذا المشروع.
شكر خاص لـ Jakub Szwacz للملفات الإلكترون
رخصة معهد ماساتشوستس للتكنولوجيا