Framework7-photo-browser-parameters
Framework7-フォトブラウザーのパラメーター
説明
Framework7は、フォトブラウザで使用され、次の表に記載されているパラメータのリストを提供します-
S.No
パラメータと説明
Type
デフォルト
1
写真
画像のURLを含む配列、またはURLプロパティとキャプションプロパティを含むオブジェクトの配列です。
アレイ
{空の}[]
2
*initialSlide*
これは最初のスライドのインデックス番号です。
数
0
3
*spaceBetween*
写真スライド間の距離をピクセル単位で表します。
数
20
4
速度
これは、写真スライド間の移行の継続時間を表します。
数
300
5
ズーム
写真をズームおよびパンする機能を有効/無効にするために使用されます。
ブール値
true
6
*maxZoom*
最大ズーム比です。
数
3
7
*minZoom*
最小ズーム比です。
数
1
8
博覧会
写真ブラウザをクリックすると、公開モードを有効/無効にします。
ブール値
true
9
*expositionHideCaptions*
これがtrueに設定されている場合、公開モードのキャプションは非表示になります。
ブール値
偽
10
*swipeToClose*
これが有効になっている場合、スワイプで写真ブラウザーを閉じることができます。
ブール値
true
11
ビュー
これは、初期化されたビューインスタンスへのリンクです。
インスタンスを表示
未定義
12
タイプ
フォトブラウザーを開く方法を定義します。
ひも
スタンドアロン
13
ループ
_true_に設定すると、連続ループモードが有効になります。
ブール値
偽
14
テーマ
フォトブラウザーのカラーテーマは、_light_または_dark_です。
ひも
光
15
キャプションテーマ
_dark_または_light_の2色にすることができます。
ひも
-
16
*navbar*
フォトブラウザのナビゲーションバーを削除するには、_false_に設定します。
ブール値
true
17
ツールバー
フォトブラウザのツールバーを削除するには、falseに設定されます。
ブール値
true
18
*backLinkText*
navbarの後ろにあるリンク上のテキストです。
ひも
閉じる
19
*ofText*
写真カウンターのテキストです。 たとえば、3/5。
ひも
of
遅延読み込み
1
*lazyLoading*
_true_に設定され、画像の遅延読み込みが有効になります。
ブール値
偽
2
*lazyLoadingInPrevNext*
最も近い写真の遅延読み込みを有効にするには、_true_に設定します。
ブール値
偽
3
*lazyLoadingOnTransitionStart*
写真への移行後、フォトブラウザはデフォルトで遅延写真をロードします。 このパラメーターを有効にすると、移行の開始時に新しい写真を読み込むことができます。
ブール値
偽
テンプレート
1
*navbarTemplate*
これはnavbar HTMLテンプレートです。
ひも
-
2
*toolbarTemplate*
ツールバーのHTMLテンプレートです。
ひも
-
3
*photoTemplate*
これは単一の写真要素のHTMLテンプレートです。
ひも
-
4
*lazyPhotoTemplate*
これは、単一の遅延読み込み写真要素HTMLテンプレートです。
ひも
-
5
*objectTemplate*
これは単一のオブジェクト要素のHTMLテンプレートです。
ひも
-
6
*captionTemplate*
これは、単一のキャプション要素のHTMLテンプレートです。
ひも
-
コールバック
1
- onOpen(フォトブラウザ)*
これはコールバック関数であり、フォトブラウザーが開かれたときに実行されます。
関数
-
2
- onClose(フォトブラウザ)*
これはコールバック関数であり、ユーザーが写真ブラウザーを閉じると実行されます。
関数
-
3
- onSwipeToClose(photobrowser)*
これは、ユーザーが上または下にスワイプしてフォトブラウザーを閉じると実行されるコールバック関数です。
関数
-
スワイパーコールバック
1
- onSlideChangeStart(スワイパー)*
このコールバック関数は、他のスライドへのアニメーションの開始時に実行されます。 引数としてswiperインスタンスを取ります。
関数
-
2
- onSlideChangeEnd(swiper)*
このコールバック関数は、他のスライドへのアニメーションの後に実行されます。 引数としてswiperインスタンスを取ります。
関数
-
3
- onTransitionStart(swiper)*
このコールバック関数は、遷移の開始時に実行されます。 引数としてswiperインスタンスを取ります。
関数
-
4
- onTransitionEnd(swiper)*
このコールバック関数は、移行後に実行されます。 引数としてswiperインスタンスを取ります。
関数
-
5
- onClick(swiper、event)*
このコールバック関数は、ユーザーが300msの遅延後にスライダーをクリックすると実行されます。 スワイパーインスタンスとイベントをパラメーターとして受け入れます。
関数
-
6
- onDoubleTap(スワイパー、イベント)*
このコールバック関数は、ユーザーがスライダーコンテナーをダブルクリックすると実行されます。
関数
-
7
- onLazyImageLoad(スワイパー、スライド、画像)*
このコールバック関数は、遅延読み込みが写真の読み込みを開始すると実行されます。
関数
-
8
- onLazyImageReady(スワイパー、スライド、画像)*
この関数は、遅延読み込みの写真が読み込まれた後に実行されます。
関数
-