1. /
  2. 2019年 11月

2019年 11月 の投稿一覧

【jquery】inview.jsでスクロースで特定位置での表示を実装

inview.jsで画面スクロールで特定位置に入ったら要素をアニメーション表示させる方法

メモ

  • 表示だけじゃなく特定位置にきたらjsを実行するプラグイン
  • 基本は、位置に来たらclass付与でアニメーションが楽
  • この「jQuery.inview.js」というプラグインの利点は、とにかくシンプルにイベントとして返すだけなので、逆に実行する内容でいろいろと応用が効くのでとても有用ではないでしょうか。最近のサイトではアニメーションが当たり前になってきているので、動きはシンプルでもいいのでアニメーション表示する事に挑戦してみてはいかがでしょうか。

【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だと挙動がおかしくなることもあるので、あまり使わないほうがいいかも

↓無限スライダーはここで実装している

https://endoftheworld.jp/

jquery不要のスライダープラグイン

swiper.jp

を使っている模様

swiperの使い方

https://www.willstyle.co.jp/blog/724/