« フェードインをもっと効果的に！ | ホーム | ハイライト付きナビゲーション »
2011年5月28日
スライドショーも工夫次第
カルーセルパネルのように、同じサイズの写真を横スライドや縦スライドを使って、
効果的に見せる方法はいくつも工夫されています。
そのなかで、スライドショーにフェード、スライド、ズーム、イージングの効果を簡単につけられる
CrossSlideプラグインがあります。
最もシンプルに → フェード
少し工夫して → スライド＋フェード
FLASHのように → ズーム＋イージング
使い方は参考サイトからプラグインをダウンロードして、
jQuery、CrossSlideプラグインを読み込み、
画像を表示させるid要素を引数として渡すだけです。
スライドショーとして切り替えているタイミングを変更するには、
引数のsleepを、切り替えるときのじんわり感を変えるにはfadeを変えるだけです。
また、イージング効果を使うには、jQuery Easing Pluginも必要です。
参考サイト → CrossSlide
トラックバック(0)
トラックバックURL: http://www.weblaboratory.jp/mt/mt-tb.cgi/76
コメントする