lightgallery desktop
Version 0.1.1 release
Une visionneuse d'image basée sur les électrons et les nodejs moderne pour Mac, Windows et Linux.
| Nom | Défaut | Description |
|---|---|---|
| mode | 'lg-slide' | Type de transition entre les images. Lightgallery est livré avec de nombreux effets de transition tels que '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-rev' 'lg-slide-skew-only' 'lg-slide-skew-only-y' 'lg-slide-skew-only-y-rev' , 'lg-slide-skew' ,' ` 'lg-slide-skew-cross-rev' 'lg-slide-skew-rev' , 'lg-slide-skew-cross' , ` 'lg-slide-skew-ver-cross' 'lg-slide-skew-ver' , 'lg-slide-skew-ver-rev' 'lg-lollipop' 'lg-slide-skew-ver-cross-rev' -SKEW-VV 'lg-lollipop-rev' , 'lg-rotate' , 'lg-rotate-rev' , 'lg-tube' |
| CSSSE | 'ease' | Type d'assouplissement à utiliser pour les animations |
| vitesse | 600 | Durée de transition (dans MS). |
| hidebarsdelay | 6000 | Retard pour cacher les commandes de la galerie dans MS |
| userft | false | Forcer la lumière de la lumière pour utiliser la propriété gauche CSS au lieu de transformer. |
| fermé | true | Permet des clics sur Dimmer pour fermer la galerie. |
| boucle | true | Si false , désactivera la capacité de retourner au début de la galerie lors du dernier élément. |
| pression des clés | true | Activer la navigation au clavier |
| commandes | true | Si false , les boutons PREV / NEXT ne seront pas affichés. |
| Slideendanimatoin | true | Activer l'animation Slideend |
| HideControlonend | false | Si true , le bouton Précédent / Suivant sera masqué sur la première / dernière image. |
| roue de souris | true | Changer la diapositive sur la roue de souris |
| précharge | 1 | Nombre de diapositives de précharge. ne sera exicuté qu'après que la diapositive actuelle est complètement chargée. Ex: // Vous avez cliqué sur la 4e image et si Precharad = 1, la 3e diapositive et la 5e diapositive seront chargées en arrière |
| showafterload | true | Afficher le contenu une fois qu'il est entièrement chargé |
| comptoir | true | S'il faut afficher le nombre total d'images et le nombre d'index de l'image actuellement affichée. |
| glissement | 50 | En définissant le swipethreshold (en PX), vous pouvez définir la mesure dans laquelle l'utilisateur doit glisser pour l'image suivante / précédente. |
| activé | true | Permet la prise en charge de la glisser de souris de bureau |
| vignette | true | Activer les miniatures pour la galerie |
| animer | true | Activer l'animation miniature. |
| CurrentPagerPosition | 'middle' | Position de la vignette sélectionnée. 'left' ou 'middle' ou 'right' |
| largeur | 100 | Largeur de chaque miniature. |
| pouce | 100 | Hauteur du récipient miniature, y compris le rembourrage et la bordure |
| marmide | 5 | Espacement entre chaque miniature |
| tooglethumb | vrai | Le fait d'afficher le bouton de basculement de la vignette. |
| perturber | true | Permet la prise en charge de glisser de souris de bureau pour les miniatures. |
| glissement | 50 | En définissant le glissement de glissement (en PX), vous pouvez définir la mesure dans laquelle l'utilisateur doit glisser pour la diapositive suivante / précédente. |
| en place automatique | true | Activer la galerie |
| pause | 5000 | Le temps (en ms) entre chaque transition automatique. |
| barre de progrès | true | Activer la barre de progression de la lecture automatique |
| Fourceautoplay | false | Si false Autoplay sera arrêté après la première action de l'utilisateur |
| AutoPlayControls | true | Afficher / masquer les commandes de lecture automatique. |
| sacrer | true | Activer / désactiver le téléavertisseur |
| zoom | true | Activer / désactiver l'option Zoom |
| échelle | 1 | La valeur du zoom doit être incrémentée / décrémentée |
app - Le code de votre application va ici.config - Placez pour vous pour déclarer des trucs spécifiques à l'environnement.build - Dans ce dossier, des terrains fondés, une application runnable.releases - Prêt pour les installateurs de distribution atterriront ici.resources - Ressources pour un système d'exploitation particulier.tasks - Scripts d'environnement de construction et de développement. npm install
Il téléchargera également Electron Runtime et installera les dépendances du deuxième package.json dans le dossier app .
npm start
Pour préparer la commande d'installation de distribution: Commande:
npm run release
Il démarrera le processus d'emballage pour le système d'exploitation sur lequel vous exécutez cette commande. Le fichier qui est prêt pour la distribution sera sorti pour releases le répertoire.
Vous pouvez créer Windows Installer uniquement lors de l'exécution sur Windows, il en va de même pour Linux et OSX. Donc, pour générer les trois installateurs, vous avez besoin des trois systèmes d'exploitation.
Un plugin de galerie personnalisable, modulaire, réactif et Lightbox.
Lightlider est un curseur de contenu réactif léger avec des vignettes de carrousel.
Un module de message flash léger simple pour AngularJS
Une directive AngularJS pour copier du texte dans le presse-papiers sans utiliser Flash
Une riche directive d'éditeur de texte Wysiwyg pour AngularJS.
Directive de bouton ladda pour angularjs
Suite intégrée d'applications commerciales .. (pas un projet open source mais gratuit pour les 1 000 premières entreprises!)
Suivez-moi sur Twitter @sachinchoolur pour les dernières nouvelles, mises à jour sur ce projet.
Un merci spécial à Jakub Szwacz pour la buisaie électronique
Licence MIT
