仕事のメモや備忘録。いろいろ実験&ひとりごと

外字一覧
旧字一覧
Sara
Line
blog

slider-proのオプション

width //横幅を設定。%表示の場合は’’で囲んで設定する。
height //高さの設定をします。
responsive //レスポンシブの設定。trueかfalseで設定します。
aspectRatio //縦横比の設定 初期:-1 …-1以外に設定すると高さがアスペクト比を維持するための数値となります。
imageScaleMode //画像のスケールモード(background-size的な) 初期:’cover’ 選べる値’cover’, ‘contain’, ‘exact’ and ‘none’ 
centerImage //画像の中央表示をします。 初期:true
autoHeight //スライダーの高さの調整します。 初期:false
startSlide //スライダーをどの画像で始めるかを選択します。 初期:0
shuffle //スライドをシャッフルして表示します。 初期:false
orientation //スライダーの切り替わりが縦向きか横向きかを選択します。 初期:’horizontal’ …’vertical’
forceSize //スライダーの幅を横幅いっぱいに設定します。 初期:’none’ … ‘fullWidth’, ‘fullHeight’ and ‘none’
loop //スライドがループします。 初期:true
slideDistance //スライド間の距離(px)を設定します。 初期:10
slideAnimationDuration //スライドのアニメーションの時間を設定します。 初期:700
heightAnimationDuration //高さのアニメーションの時間を設定します。 初期:700
visibleSize //表示しているスライドの前後のスライドを表示し見えるようにする 初期:’auto’ …%で指定
breakpoints //ブレイクポイントの設定 初期:null
fade //フェードを使用するか否か 初期:’false’
fadeOutPreviousSlide //前のスライドがフェードアウトされた時に次のスライドがフェードインする 初期:true
fadeDuration //フェードアニメーションの時間 初期:500
autoplay //自動再生 初期:true
autoplayDelay //自動再生の遅延/間隔の設定(ミリ秒) 初期:5000
autoplayDirection //自動再生の場合にスライドの進む方向 初期:’normal’ …’backwards’
autoplayOnHover //スライドにホバーした際のスライダーの設定(一時停止、ストップ,なし) 初期:’pause’ … ‘stop’,’none’
arrows //矢印ボタンの表示 初期:false
fadeArrows //ホバー時に矢印ボタンを表示する 初期:true
buttons //スライドのページャの表示をする 初期:true
keyboard //キーボードでスライドを動かせるようにする 初期:true
keyboardOnlyOnFocus //スライダーにフォーカスがあるときのみ、キーボード入力に応答するか否かの設定 初期:false
touchSwipe //タッチスワイプをするか否か 初期:true
touchSwipeThreshold //タッチスワイプによるスライドが動く最低限の値を設定 初期:50
fadeCaption //キャプションをフェードさせるか否か 初期:true
captionFadeDuration //キャプションのフェードアニメーション時間の設定 初期:500
fullScreen //フルスクリーンボタンの設定 初期:false
fadeFullScreen //ボタンをホバー時に表示する 初期:true
waitForLayers //レイヤーが消えた後に次のスライドへ行く 初期:false
autoScaleLayers //レイヤーが自動的にスケールする 初期:true
autoScaleReference //レイヤーを縮小する必要がどのくらいかを決定するために、現在のスライド幅と比較される基準幅を設定する。 初期:-1
smallSize //スライドのサイズがこのサイズ未満の場合、スモール版の画像を使用 初期:480
mediumSize //スライドのサイズがこのサイズ未満の場合、ミディアム版の画像を使用 初期:768
largeSize //スライドのサイズがこのサイズ未満の場合、ラージ版の画像を使用 初期:1024
updateHash //新しいスライドが選択されたときにハッシュが更新されるか否か 初期:false
reachVideoAction //映像の要素があるスライドが選択された時に映像のアクションを設定 初期:’none’ … ‘playVideo’ and ‘none’
leaveVideoAction //映像の要素があるスライドから移動するに映像のアクションを設定 初期:’pauseVideo’ … ‘stopVideo’, ‘pauseVideo’, ‘removeVideo’ and ‘none’
playVideoAction //映像の再生開始時にスライダーのアクションを設定 初期:’stopAutoplay’ … ‘stopAutoplay’ and ‘none’
pauseVideoAction //映像が一時停止されたときのスライダーのアクションを設定 初期:’none’ … ‘startAutoplay’ and ‘none’
endVideoAction //映像が終了したときのスライダーのアクションを設定 初期:’none’ … ‘startAutoplay’, ‘nextSlide’, ‘replayVideo’ and ‘none’
thumbnailWidth //サムネイルの幅の設定 初期:100
thumbnailHeight //サムネイルの高さの設定 初期:80
thumbnailsPosition //サムネイルの位置の設定 初期:’bottom’ … ‘top’, ‘bottom’, ‘right’ and ‘left’
thumbnailPointer //ポインタが選択されたサムネイルの表示をするかしないか 初期:false
thumbnailArrows //サムネイルの矢印が有効になるかどうか 初期:false
fadeThumbnailArrows //サムネイルの矢印がフェードインするかどうか 初期:true
thumbnailTouchSwipe //サムネイルのタッチスワイプができるかどうか 初期:true

コメント

この記事へのコメントはありません。

関連記事

Archive

  1. Lineのスタンプ

  2. VisualStudio2023 コントロールのプロパティが表示されない

  3. 全角の文字を半角に変えて数値型にして計算式に使う

  4. 年忌名を英語に変換

  5. 外字検索(検索ボックス付き)

  6. VisualStudio2022でCrystalReports

  7. Crystalreportsのグループごと連番

  8. 寺院でのパソコンの活用方法(←AIが勝手に作った文章ですのでアテにしないでください)

PAGE TOP