Современный, электронный и Nodejs Viewer для Mac, Windows и Linux.
| Имя | По умолчанию | Описание |
|---|---|---|
| режим | 'lg-slide' | Тип перехода между изображениями. 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' | Тип смягчения, который будет использоваться для анимации |
| скорость | 600 | Продолжительность перехода (в MS). |
| Hidebarsdelay | 6000 | Задержка для укрытия управления галереей в MS |
| Useleft | false | Force LightGallery для использования CSS Leave Property вместо преобразования. |
| закрытый | true | Позволяет щелчкам на Dimmer, чтобы закрыть галерею. |
| петля | true | Если false , отключите способность вернуться к началу галереи, когда он находится на последнем элементе. |
| ключ | true | Включить навигацию по клавиатуре |
| управление | true | Если false , Prev/Next Buttons не отобразится. |
| Slideendanimatoin | true | Включить анимацию скольжения |
| Hidecontrolonend | false | Если true , Prev/Next Button будет скрыта на первом/последнем изображении. |
| мышиный руд | true | Изменить слайд на мыши |
| предварительная нагрузка | 1 | Количество слайдов предварительной нагрузки. будет исключительно только после того, как ток -слайд полностью загружен. Пример: // Вы нажали на 4 -е изображение, и если предварительная загрузка = 1, то 3 -й слайд и 5 -й слайд будут загружены на заднем плане после полной загрузки 4 -го слайда. Если предварительная загрузка будет 2, то 2 -й 3 -й 5 -й 6 -й слайды будут предварительно загружены. |
| Showafterload | true | Показать контент, как только он будет полностью загружен |
| прилавок | true | Показать ли общее количество изображений и индексного числа отображаемого в настоящее время изображения. |
| Свипетроголд | 50 | Установив Swipethreshold (в PX), вы можете установить, насколько далеко пользователь должен провести перенос для следующего/предыдущего изображения. |
| EnabledRag | true | Включает поддержку настольного перетаскивания мыши |
| Миниатюра | true | Включить миниатюры для галереи |
| animatethumb | true | Включить анимацию миниатюры. |
| CurrentPagerPosition | 'middle' | Положение выбранной миниатюры. 'left' или 'middle' или 'right' |
| Продолжительность | 100 | Ширина каждой миниатюры. |
| Thumbconthe | 100 | Высота контейнера для миниатюры, включая прокладку и границу |
| Thumbmargin | 5 | Расстояние между каждыми миниатюрами |
| Туоглтумб | истинный | Чтобы отобразить кнопку переключения миниатюр. |
| EnableThumbdrag | true | Включите поддержку настольного перетаскивания мыши для миниатюр. |
| Свипетроголд | 50 | Установив SwipethReshold (в PX), вы можете установить, как далеко пользователь должен пройтись по следующему/PREP SLIDE. |
| Автозап | true | Включить галерею Autoplay |
| пауза | 5000 | Время (в MS) между каждым автопроходом. |
| ProgressBar | true | Включить планку с автоматическим прогрессом |
| Fourceautoplay | false | Если false Autoplay будет остановлен после первого действия пользователя |
| AutoplayControls | true | Показать/скрыть управления автозапрограммами. |
| пейджер | true | Включить/отключить пейджер |
| зум | true | Включить/отключить опцию Zoom |
| шкала | 1 | Значение увеличения должно быть увеличено/уменьшено |
app - код вашего приложения идет сюда.config - место для того, чтобы объявить о конкретных вещах.build - В этой папке земли, построенные, выполнимое применение.releases - Готовы для установщиков распределения приземляются здесь.resources - ресурсы для конкретной операционной системы.tasks - сценарии среды сборки и разработки. npm install
Он также загрузит время выполнения электронов и установит зависимости для File Second package.json в папке app .
npm start
Чтобы подготовиться к команде использования распределительного установщика:
npm run release
Он запустит процесс упаковки для операционной системы, в которой вы используете эту команду. Файл, который готов к распределению, будет выведен в каталог releases .
Вы можете создавать установщик Windows только при запуске в Windows, то же самое относится и к Linux и OSX. Поэтому для создания всех трех установщиков вам нужны все три операционные системы.
Настраиваемый, модульный, отзывчивый плагин галереи Lightbox.
Lightslider - это легкий отзывчивый ползунок контента с навигацией на навигации.
Простой легкий модуль флэш -сообщений для angularjs
Директива AngularJS для копирования текста в буфер обмена без использования Flash
Директива с богатым текстовым редактором Wysiwyg для AngularJS.
Директива LADDA Button для AngularJs
Интегрированный набор бизнес -приложений .. (не проект с открытым исходным кодом, но бесплатно для первых 1000 компаний!)
Следуйте за мной в Twitter @sachinchoolur для последних новостей, обновления об этом проекте.
Особая благодарность Jakub Szwacz за электронный патлер
MIT Лицензия