質問: slickのカスタマイズについて質問です。 slick公式サイト 現在slickを用いてグーグル検索で無限スライドを実装いたしました。 今回追加でやりたいこととして、無限スライド中に左右矢印を追加し、**スライドが常時動きつつ、矢印クリックでさらに前後移動できるよう**にしたいです。 (理想は矢印をクリックすると前後に1画面移動するイメージです。) 色々と調べを進めてみましたが、デフォルトのオプション機能ではこのような実装方法はなかったように思えました。 ならば自力でと思い、試しに矢印をpositionで配置してみましたが、クリック機能が効かずにダメでした。 自分ではできそうにないので、まずslickでこのような機能は可能なのか、それが無理だとしたら、ほかのやり方を教えていただきたく思っております。 **無限スライドを参考にしたサイト** 無限ループを実装するslickの使い方 一応、コードは下記のような感じとなっています。 ``` ``` アドバイスいただけると幸いです。 よろしくお願いします。 slick → bx-sliderへ変更しての進捗 -------------------------- 上記の続きになります。 bx-sliderを用いて無限ループは再現できました。 そして、bx-slider使用して、矢印配置してみましたが、前後の移動がうまくいかず、前ボタンを押すとページ最上部に飛んでしまったりします。 **参考サイト** 下記コードのイメージです。 Wrapを起点にprev-btnを画像の右端中央に設定しました。 アンカータグの`class="bx-prev`が働いて前後に移動できると思うですが、クリックするとページ最上部に飛んでしまいます。 この前後の動きがどのように再現できているのかがよく分かっていないので、手探りで修正している状態です。。 ``` ``` なにかアドバイスいただけると幸いです。 よろしくお願いします。
回答: オプションの、これらの事ですか? ``` // 左右の次へ、前へボタンを表示するかどうか arrows: true, // 無限スクロールにするかどうか。最後の画像の次は最初の画像が表示される。 infinite: true, ```