2

WOW Slider の回転効果に似た画像遷移を探しています: http://wowslider.com/javascript-slideshow-quiet-rotate-demo.html

主な違いは、ドロップダウンの変更イベントで遷移が発生することです。機能コードは次のとおりです。

http://jsfiddle.net/zCknb/14/

js は単純です。

$("#assignee").change(function () {
   $("#pic").attr("src", $("#assignee").val());
})

担当者を変更したら、新しい写真が WOW スライダーの回転効果のように渦巻くようにしたいです。

できれば、スライダー ライブラリ全体を分解したくありません。誰かがこの効果を得るためのより簡単な方法を知っていますか?

編集：これまでの入力に感謝しますが、WOW Slider の回転に相当する効果を探しています。単純なスライドではうまくいきません。

4

2 に答える 2

0

コイン スライダー jquery プラグインには渦巻き効果があります。http://www.htmldrive.net/items/show/245/Coin-Slider-Image-Slider-with-Unique-EffectsjQueryが役立つかどうかを確認し、jquery の変更イベント ハンドラで使用できます

于 2012-12-03T18:20:12.157 に答える
0

これが例です。参照: http://jsfiddle.net/zCknb/12/

効果:

/*
* effects
* animate-left_goright           
* animate-right_goleft           
* animate-top_gobottom
* animate-bottom_gotop
*/

オプション attr animate="animate-left_goright"

  • アニメーション左 ++ の後に左を作成します。

オプション attr animate="animate-right_goleft"

  • 左アニメーション++の直後に作成;

オプション attr animate="animate-top_gobottom"

  • 底のアニメーション++の後に -top を作成します。

オプション attr animate="animate-bottom_gotop"

  • 上部のアニメーション++の後に-bottomを作成します。

この例を確認して理解してください。

無理をしないで;

于 2012-12-03T19:57:43.023 に答える