今日は大胆な動きのスライドショーが魅力の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/f828b6b78def78177ee1d3377270792d9594133c/height=288;version=1;width=512/https%3A%2F%2Fon-ze.com%2Fblog%2Fwordpress%2Fwp-content%2Fthemes%2Fonze-blog-2024%2Finc%2Fthumbnail%2F1200x630x80-1c40e20edefd64ecf72bcb2cfded3ba3-slitslider.png)