jQueryプラグイン「Feature List」:なめらかなフェードイン・フェードアウト

公開日

「Feature List」は、画像のフェードイン、フェードアウトをなめらかに表現できるjQueryプラグインです。HTMLソースもULタグがLIタグでシンプルに記述されているので、カスタマイズや更新を行いやすいので、かなり広範囲に渡り使用できるかと思います。弊社では、「Feature List」カスタマイズしトップページのメインビジュアルに採用しています。

jQueryプラグイン「Featu List」

オプションで、最初に表示されるパネル(画像)の選択や画像の切替間隔を設定できます。
下記の例は、1つめの画像からスタートし、切替間隔7秒の設定です。「transition_interval」を省略した場合は、デフォルト5秒(5000)に設定されています。
下記のリンクよりサンプルデータをダウンロードできます。少しいじれば何となく分かると思います。

例)
$.featureList(
$(“#tabs li a”),
$(“#output li”), {
start_item:0,
transition_interval:7000
}
);

「Feature List」ダウンロード(「from here.」をクリック)
「Feature List」デモページ


関連記事