[JS]パネルをフェードで切り替えるシンプルな国産のjQueryのプラグイン -ImageNavigation

各ラベルに対応したパネルをフェードで次々に表示するシンプルな国産のスクリプトを紹介します。

デモのキャプチャ

jQueryプラグイン「ImageNavigation」
デモページ:1(画像版)

[ad#ad-2]

左側の各ラベルはナビゲーションになっており、画像でもテキストでも配置が可能です。

デモのキャプチャ

デモページ:2(テキスト版)

右側のパネルの切り替えは手動と自動に対応しており、スクリプトのオプションで設定が可能です。

スクリプトのオプションでは次のものなどが設定できます。

  • 切り替えの自動と手動
  • パネルの表示時間
  • フェードの時間
  • ラベルの画像とテキスト

ラベルに画像を使用した際、ロールオーバー時の変更はスクリプトの機能に含まれているため、ロールオーバー用の画像を用意するだけで実装されます。

sponsors

top of page

©2018 coliss