今日は大胆な動きのスライドショーが魅力のjQueryプラグイン[Fullscreen Slit Slider]を紹介します。 まずは実際に[Fullscreen Slit Slider]を使ったサンプルをご覧ください。 実装サンプル:ONZE Fullscreen Slit Slider こちらのサンプルではカスタム仕様で「フルスクリーン対応、」「2.5秒ごとに自動再生」「キーボードの左右でスライダーを制御可能」にしています。 スライダーが切り替わるタイミングで上下左右に大胆なスリットが入り、ダイナミックな動きで次のコンテンツが表示されていきます。 見ていても気持ちイイ滑らかさですよね。 基本的にはコピペで実装できますが、細かな設定にはjQueryもしくはJavaScriptのプログラミングの知識が必要なので、難易度は中級〜上級者仕様になります。 初心者にはちょっと難しいかもしれません。
![【jQuery】斬新な動きのスライドショーが魅力の[Fullscreen Slit Slider]の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/141feae697d27501e2ee1e4259d3e1b17ae4fe4e/height=288;version=1;width=512/https%3A%2F%2Fon-ze.com%2Fwordpress%2Fwp-content%2Fthemes%2Fonze-2022%2Finc%2Fthumbnail%2F600x360x80-a6404af3cae03b42e54997ca1752d1dc-slitslider.png)