シンプルなパララックス効果付きのイメージスライダーを実装するjQueryプラグイン・jQuery Destaque

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。

画像がスライドする際に視差効果
を与える事が出来るjQueryプラグ
インのご紹介。イメージスライダー
とは相性良さそうですね。シンプル
なものですが、応用も出来そうです。

パララックスなイメージスライダーです。画像をスライドさせるとテキストがやや遅れて動きます。

jQuery Destaque

デモが目にやり場に困る写真ですが・・工夫すれば訴求力のあるコンテンツに出来そうです。アニメーションはeasing使ってますです。

$('.foo').each(function(index, el){
    $(this).destaque({
      slideMovement: 100,
      slideSpeed: 1000,
      elementSpeed: 1100,
      easingType: "easeInOutExpo",
      itemSelector: ".piyo",
      itemForegroundElementSelector: ".hoge .huga",
      controlsSelector: "#bar a"
    });
  });

スライドの動きやエレメントの動作はオプションでセッティングします。

未確認ですけどIE7以上でも動作するみたいです。詳しくは以下よりどうぞ。