シンプルなパララックス効果付きのイメージスライダーを実装する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"
    });
  });