オプションの”infinite”はautoplayを止める値ではなかった！！（衝撃）
手動でスライドさせていった際にループをさせないオプションとのこと、、、
なのでautoplayを最後で止めるには下記リンク先のような記述が別途必要
jquery
【jquery】もっと見るボタンでリストを表示
2個づつ表示
https://codepen.io/m_t_of/pen/YaROLY
シンプル
【jquery】inview.jsでスクロースで特定位置での表示を実装
メモ
- 表示だけじゃなく特定位置にきたらjsを実行するプラグイン
- 基本は、位置に来たらclass付与でアニメーションが楽
- この「jQuery.inview.js」というプラグインの利点は、とにかくシンプルにイベントとして返すだけなので、逆に実行する内容でいろいろと応用が効くのでとても有用ではないでしょうか。最近のサイトではアニメーションが当たり前になってきているので、動きはシンプルでもいいのでアニメーション表示する事に挑戦してみてはいかがでしょうか。
【jquery】簡単便利モーダルウインドウ実装：Magnific Popup を使ってみる
メモ
レスポンシブにも対応
【jquery】Slickスライダーのサムネイルを制御(無限スライダー追記)
https://nldot.info/how-to-change-slick-slider-by-slicktogo-on-hover/
・サムネイルの同期の仕方
・サムネイルをautoplayでス〜とループさせるなど参考
パラメーターなど一覧
【jQuery】スライダープラグイン「slick」の使い方を詳しく解説
無限スライダーについて
http://black-flag.net/jquery/20160802-6170.html
すーーーーと止まることなくスライドしていく動きを実装
下記のパラメータが重要
autoplaySpeed: 0,
speed: 5000,
cssEase: 'linear',※でも、slickだと挙動がおかしくなることもあるので、あまり使わないほうがいいかも
↓無限スライダーはここで実装している
jquery不要のスライダープラグイン
swiper.jp
を使っている模様
swiperの使い方
【jquery】下スクロールで消えて、上スクロールで出てくるグローバルナビゲーションを作る
下スクロールで消えて、上スクロールで出てくるグローバルナビゲーションを作る
https://webdesignday.jp/inspiration/technique/jquery-js/3657/
【jquery】要素を複製（コピー）して挿入する方法
既存の要素をコピーするには？ ― cloneメソッド
https://www.buildinsider.net/web/jqueryref/057
【まとめ】
・レスポンシブなどでグローバルナビやSNSエリアなんかをハンバーガーメニュー内にも出したいときに使用
$(this).clone(true).appendTo(‘#sample’);
breakpoinntやclickなどのトリガーをつけてこれだけで実装可能
【jquery】簡単！マウスオーバーでキャプションを表示
【jquery】bxSliderの使い方とオプション一覧
bxSliderの使い方と「オプション」によるカスタマイズ
https://stand-4u.com/plugin/bxslider.html
【まとめ】
・スライダーの挙動にパターンによって不具合があったりするので、今後使っていくか悩む。。
【Jquery】jQuery＆CSS3で超簡単！スクロールするとかっこ良く要素を表示する方法7つ
【まとめ】
・要素が表示されるエリアまでスクロールしたら、移動＋フェードイン表示しながら要素を表示します。