lightgallery desktop
Version 0.1.1 release
Un espectador moderno de imágenes basado en Electron y NodeJS para Mac, Windows y Linux.
| Nombre | Por defecto | Descripción |
|---|---|---|
| modo | 'lg-slide' | Tipo de transición entre imágenes. LightGallery viene con muchos efectos de transición como 'lg-slide' , 'lg-fade' , 'lg-zoom-in' , ' 'lg-zoom-out' 'lg-zoom-in-big' , 'lg 'lg-zoom-out-big' 'lg-zoom-out-in' big', 'lg-soft-zoom' 'lg-zoom-in-out' ', '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' , ', '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' |
| cssesing | 'ease' | Tipo de alivio para ser utilizado para animaciones |
| velocidad | 600 | Duración de transición (en MS). |
| hilebarsdelay | 6000 | Retraso para ocultar los controles de la galería en la EM |
| useleft | false | Forzar a LightGallery a usar CSS Left Propiedad en lugar de Transform. |
| cercano | true | permite hacer clic en el atenuador para cerrar la galería. |
| bucle | true | If false , deshabilitará la capacidad de volver al comienzo de la galería cuando esté en el último elemento. |
| llave | true | Habilitar la navegación del teclado |
| control | true | Si false , no se mostrarán los botones anteriores. |
| diapositiva | true | Habilitar la animación de deslizamiento |
| escondite | false | Si true , el botón Prev/Siguiente se ocultará en la primera/última imagen. |
| ratón | true | Cambiar la diapositiva en la rueda del ratón |
| precargar | 1 | Número de diapositivas de precarga. se exicuará solo después de que la diapositiva actual esté completamente cargada. Ej: // Hació clic en la cuarta imagen y si se precede = 1, entonces el tercer diapositivo y el quinto diapositivo se cargarán en el fondo después de que la cuarta porta diapositiva esté completamente cargada. Si la precarga es 2, entonces el 2º 3 ° quinto sexto 6 ° diapositivas |
| showafterload | true | Mostrar contenido una vez que está completamente cargado |
| encimera | true | Si se debe mostrar el número total de imágenes y el número de índice de la imagen que se muestra actualmente. |
| swipethreshold | 50 | Al configurar el swipethreshold (en PX), puede establecer hasta qué punto el usuario debe deslizar para la imagen siguiente/anterior. |
| Activadog | true | Habilita el soporte de arrastre del mouse de escritorio |
| uña del pulgar | true | Habilitar miniaturas para la galería |
| animatethumb | true | Habilitar la animación en miniatura. |
| CurrentPagerposition | 'middle' | Posición de la miniatura seleccionada. 'left' o 'middle' o 'right' |
| ancho de pulgar | 100 | Ancho de cada miniatura. |
| pulgarconthe | 100 | Altura del contenedor de miniatura, incluyendo relleno y borde |
| pulgar | 5 | Espacio entre cada miniatura |
| tooglethumb | verdadero | Si se debe mostrar el botón de alternativa para miniatura. |
| habilitarse | true | Habilita el soporte de arrastre del mouse de escritorio para miniaturas. |
| swipethreshold | 50 | Al configurar el swipethreshold (en PX), puede establecer hasta qué punto el usuario debe deslizar para la siguiente diapositiva/previa. |
| autoplaz | true | Habilitar la autoplay de la galería |
| pausa | 5000 | El tiempo (en MS) entre cada transición automática. |
| barra de progreso | true | Habilitar la barra de progreso de la autoplailla |
| FourCeautOplay | false | Si false AutOplay se detendrá después de la primera acción del usuario |
| AutoplayControls | true | Mostrar/ocultar controles automáticos. |
| buscapersonas | true | Habilitar/desactivar buscapersonas |
| zoom | true | Opción de habilitar/deshabilitar zoom |
| escala | 1 | El valor del zoom debe ser incrementado/disminuido |
app : el código de su aplicación va aquí.config : lugar para declarar cosas específicas del entorno.build - En esta carpeta, tierras construidas, aplicación ejecutable.releases : listos para los instaladores de distribución aterrizarán aquí.resources - Recursos para un sistema operativo particular.tasks : construir y desarrollar scripts de entorno. npm install
También descargará Electron Runtime e instalará dependencias para el segundo archivo de package.json dentro de la carpeta app .
npm start
Para prepararse para la distribución, el instalador use el comando:
npm run release
Comenzará el proceso de empaque para el sistema operativo en el que está ejecutando este comando. El archivo que está listo para la distribución se generará al directorio releases .
Puede crear el instalador de Windows solo cuando se ejecuta en Windows, lo mismo es cierto para Linux y OSX. Entonces, para generar los tres instaladores, necesita los tres sistemas operativos.
Un complemento de galería Lightbox personalizable, modular, receptivo.
LightsLider es un control deslizante de contenido receptivo ligero con navegación de miniaturas de carrusel.
Un simple módulo de mensaje de flash liviano para Angularjs
Una directiva AngularJS para copiar texto al portapapeles sin usar flash
Una rica directiva de editor de texto Wysiwyg para AngularJS.
Directiva del botón Ladda para angularjs
Suite integrado de aplicaciones comerciales ... (¡no es un proyecto de código abierto pero gratis para las primeras 1,000 empresas!)
Sígueme en Twitter @sachinchoolur para obtener las últimas noticias, actualizaciones sobre este proyecto.
Un agradecimiento especial a Jakub Szwacz por la calderera de electrones
Licencia de MIT
