lightgallery desktop
Version 0.1.1 release
Mac、Windows、Linuxの最新の電子およびNodejsベースの画像ビューアー。
| 名前 | デフォルト | 説明 |
|---|---|---|
| モード | '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-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 | Lightgalleryは、変換の代わりにCSS左プロパティを使用するように強制します。 |
| 閉鎖可能 | true | Dimmerをクリックしてギャラリーを閉じることができます。 |
| ループ | true | falseの場合、最後の要素にいるときにギャラリーの最初に戻る機能を無効にします。 |
| キープレス | true | キーボードナビゲーションを有効にします |
| コントロール | true | falseの場合、前/次のボタンは表示されません。 |
| Slideendanimatoin | true | スライドアニメーションを有効にします |
| hidecontrolonend | false | trueの場合、前/最後の画像にprev/nextボタンが非表示になります。 |
| マウスホイール | true | マウスホイールのスライドを変更します |
| プリロード | 1 | プリロードスライドの数。現在のスライドが完全にロードされた後にのみエクスキュートします。例:// 4番目の画像をクリックし、Preload = 1の場合、4番目のスライドが完全にロードされた後、3番目のスライドと5番目のスライドがバックグラウンドにロードされます。 |
| showafterload | true | 完全にロードされたらコンテンツを表示します |
| カウンタ | true | 現在表示されている画像の総数とインデックス数を表示するかどうか。 |
| swipethReshold | 50 | SwipethReshold(PX)を設定することにより、ユーザーが次の/prev画像をスワイプする必要がある距離を設定できます。 |
| InabledRag | true | デスクトップマウスドラッグサポートを有効にします |
| サムネイル | true | ギャラリーのサムネイルを有効にします |
| AnimateThumb | true | サムネイルアニメーションを有効にします。 |
| CurrentPagerposition | 'middle' | 選択されたサムネイルの位置。 'left'または'middle'または'right' |
| 親指 | 100 | 各サムネイルの幅。 |
| ThumbContheight | 100 | パディングと境界線を含むサムネイル容器の高さ |
| Thumbmargin | 5 | 各サムネイル間の間隔 |
| トゥーグレタンブ | 真実 | サムネイルトグルボタンを表示するかどうか。 |
| EnableThumbdrag | true | サムネイルのデスクトップマウスドラッグサポートを有効にします。 |
| swipethReshold | 50 | SwipethReshold(PX)を設定することにより、ユーザーが次の/PREVスライドをスワイプする必要がある距離を設定できます。 |
| オートプレイ | true | ギャラリーオートプレイを有効にします |
| 一時停止 | 5000 | 各自動遷移間の時間(MSで)。 |
| ProgressBar | true | Autoplay Progress Barを有効にします |
| fourceautoplay | false | 最初のユーザーアクションの後にfalse自動再生が停止する場合 |
| AutoplayControls | true | オートプレイコントロールを表示/非表示にします。 |
| ページャ | true | ページャーを有効/無効にします |
| ズーム | true | ズームオプションを有効/無効にします |
| 規模 | 1 | ズームの値は増加/減少する必要があります |
app - アプリケーションのコードはここにあります。config環境固有のものを宣言するための場所。build - このフォルダーには、構築された実行可能なアプリケーションがランドされています。releases - 配布の準備ができているインストーラーはここに着陸します。resources - 特定のオペレーティングシステムのリソース。tasks - ビルドおよび開発環境スクリプト。 npm install
また、電子ランタイムをダウンロードし、 appフォルダー内に2番目のpackage.jsonファイルの依存関係をインストールします。
npm start
配布の準備をするには、インストーラーを使用するコマンドを使用します。
npm run release
このコマンドを実行しているオペレーティングシステムのパッケージプロセスを開始します。配布の準備ができているファイルは、ディレクトリreleasesために出力されます。
Windowsインストーラーは、Windowsで実行されているときにのみ作成できます。これは、LinuxとOSXにも当てはまります。そのため、3つのインストーラーすべてを生成するには、3つのオペレーティングシステムすべてが必要です。
カスタマイズ可能でモジュール式、レスポンシブ、ライトボックスギャラリープラグイン。
Lightsliderは、カルーセルサムネイルナビゲーションを備えた軽量レスポンシブコンテンツスライダーです。
AngularJS用の単純な軽量フラッシュメッセージモジュール
フラッシュを使用せずにテキストをクリップボードにコピーするためのAngularJS指令
AngularJSのリッチWysiWygテキストエディターディレクティブ。
AngularJSのLADDAボタンディレクティブ
統合されたビジネスアプリケーションスイート..(オープンソースプロジェクトではなく、最初の1,000社に無料!)
Twitter @sachinchoolurで私をフォローして、最新のニュースについては、このプロジェクトに関する更新を行います。
電子ボイラープレートについてJakub Szwaczに感謝します
MITライセンス