2013年11月19日(火) 23時57分59秒 [仕事]

ウェブ上で迫力あるスライドショーを作りたい場合に便利な「Skitter」

ウェブサイトのトップページなどで、そのときの旬なコーナーや宣伝を数種類スライドさせて表示しているところをよく目撃します。
たいていは、フェイドイン・フェイドアウトを繰り返したり、せいぜい横方向にスライドするくらいの動きしかありません。

もっと、迫力のある格好良いスライドショーを表示したい！……という要望もありそうな気がします。
そんな方々にお勧めなのが、「Skitter」というjQueryで作られたスクリプトです。

このSkitterを使うと、画像を真っ二つにぶった切ったり、バラバラに分解して再配置したり、ぐるぐる回転させたり、迫力のある効果と共に画像が切り替わっていく、格好良いスライドショーがとても簡単に作れます。

画像切替効果は38種類もあり、ユーザ用のコントロール機能も豊富にありますし、次の画像に切り替わる残り時間を示すプログレスバーも表示できたりして面白いです。

そんな「Skitter」スクリプトの使い方を、All Aboutで解説しました。

■Skitterで迫力ある効果のスライドショーを作る方法（＠All Aboutホームページ作成）

地味なスライドショーでは満足できない！という場合には、ぜひどうぞ。^^;