buchi.works

site-title

JAVASCRIPT WORKS

SlickやjQuery-cookie.jsなど、jQueryのプラグインを使った機能を、素のJavaScriptのみを使って出来るだけ忠実に再現しました。

Slider(slick)

▲ jQueryとSlickを使用してスライダー機能を実装

▲ jQueryとSlickを使用

Slider(Vanilla.js)

▲ jQueryとSlickを使用してスライダー機能を実装

▲ jQuery使用無し
  • スライドアニメーションはWeb Animations APIを使用
  • centerMode = true;で先頭のスライドを中央表示(複数枚時)