Infinite Slider設定する

Images

 

Add Line Sliderを追加しました。この機能を使用することで、一度に複数のSliderを作成することができます。View Demo
Slider Images Sliderに画像を追加し、ドラッグ&ドロップで表示順序を設定できます。
1つのSliderには最低でも7枚の画像が必要です。
Slider Direction Sliderの移動方向をカスタマイズできます。
デフォルトの Normal は右から左への動きで、Reverse を選択すると左から右への逆方向に動きます。View Demo
Setting

@Layout スライダーの動きのスタイルを横方向 Horizontal または縦方向 Vertical で選択できます。View Demo
@Full Breakpoint スライダーの幅をブラウザウィンドウの幅と同じに設定します。View Demo
@Smooth スライダーの最初と最後にスムーズな効果を加えることで、スライダーの動きをより滑らかにします。View Demo
@Mask 画像の上にカラーレイヤーを重ねる機能を追加します。これは、MAIN VISUALの「MASK」機能と同様の動作です。
@Background Color スライダーの背景色を設定します。HEXコードやRGBコードを使用できます。
@Radius 画像のコーナー半径を設定します。
@Gutter 画像間の間隔を設定します。
@Image Width 画像の幅を設定します。
画像は16:9の比率で分割されます。
@Image Height 画像の高さを設定します。
@Speed Limit スライダーの移動速度を設定します。
@Line Height
スライダー全体の高さを設定します。
Contents

スライダーの上に任意のコンテンツレイヤーを追加できます。View Demo