2017-08-21 9 views
0

プロジェクトでJssorサムネイルスライダを使用しています。あなたは以下のオプションを確認できサムネイルナビゲータで開始インデックスの前に画像が表示されない

:$ STARTINDEXが0と異なる場合

var ajxSayfa = $('#itSayfa').val(); 
if(''==ajxSayfa || null==ajxSayfa){ 
    ajxSayfa = '0'; 
} 

console.log(ajxSayfa); 

var jssor_1_options = { 
     $StartIndex: ajxSayfa, 
     $AutoPlay: 0, 
     $Loop:0, 
     $ArrowNavigatorOptions: { 
     $Class: $JssorArrowNavigator$ 
     }, 
     $BulletNavigatorOptions: { 
      $Class: $JssorBulletNavigator$, 
      $Rows: 4, 
      $SpacingX: 5 
     }, 
     $ThumbnailNavigatorOptions: { 
      $Class: $JssorThumbnailNavigator$, 
      $Rows: 1, 
      $Cols: 6, 
      $Orientation: 2, 
      $AutoCenter: 2, 
      $Loop:0, 
     } 
     }; 

var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); 

を、$ startIndexの前の画像がサムネイルナビゲータに表示され傾けます。

サムネイルナビゲータですべての画像を表示する方法はありますか?$ StartIndexは0ではありませんか?

サムネイルナビゲータにもう1つ問題があります。画像間をナビゲートすると、サムネイルナビゲータが自動的に回転し、現在の画像のサムネイルが$ Cols以上の項目がある場合は先頭になります。

現在の画像のサムネイルをサムネイルナビゲータの中央に表示します。これにはオプションがありますか?

これはJssorに関する私の2番目の質問です。最初はまだ返信されていません。私はこの質問が答えを得ることができることを願っています。

事前に感謝します。
M.

+0

'$( "#IDは")。valを()'返信の場合はnull、undefinedではない – epascarello

+0

感謝を返します。 – Murmelto

+0

返信ありがとうございます。問題は入力の価値に関するものではありません。私はコンソールログで値を確認でき、問題はありません。 StartIndexを$ StartIndex:1に設定し、サムネイルナビゲータに最初の画像を表示できませんでした。 – Murmelto

答えて

0

オプション$Loop:0のサムネイル表示の問題が修正されました。 最新バージョンをダウンロードしてください。

また、$Alignをアクティブサムネイルの位置合わせに設定してください。 $のstartIndexが0

を開き、下記のリンクより異なる場合 は、例えば、

$ThumbnailNavigatorOptions: { 
    $Class: $JssorThumbnailNavigator$, 
    $Cols: 5, 
    $SpacingX: 5, 
    $SpacingY: 5, 
    $Align: 390 
    } 

画像は問題なく表示され、あなたはそれがどのように動作するかを確認するために設定を行うことができます。

https://www.jssor.com/demos/image-gallery.slider/=edit

+0

$ループを削除すると:0最初と最後の画像がサムネイルナビゲーターでお互いに続いています。私の場合、最後の画像はナビゲータの下部に表示されるはずです。サムネイルナビゲータにインデックスを表示する方法はありますか? – Murmelto

+0

$ Loop:0を削除して$ StartIndex:2を設定すると、ナビゲータに最初の2項目のサムネイルが表示されません。私のファイルをあなたと共有したいですか? – Murmelto

+0

最新バージョン(26.0.0)をダウンロードしましたが、すべて正常に動作します。どうもありがとう! – Murmelto

関連する問題