問題タブ [jquery-effects]

私は何を間違っていますか??

2 番目の fadeOut コールバック関数内に追加したコードは実行されません...

ズーム画像のような効果をjQuery+背景位置アニメーションで再現できますか？

このようなもの：http：//www.sohtanaka.com/web-design/examples/image-zoom/

つまり、画像サイズをアニメーション化する代わりに（ブラウザが画像のサイズを大幅に変更するため、これは面倒です）、リンクに背景画像を設定してアニメーションを作成し、リンクの位置とサイズをアニメーション化します。

編集：

アイデアは2つの画像を使用することです。例えば：

• 2つの重なり合った画像、1つは200 x 200ピクセル、もう1つは400x400ピクセル
• 1番目の画像のみが表示され、2番目の画像は1番目の画像の後ろに非表示になり、200x200にサイズ変更されます。
• ユーザーがその上にカーソルを合わせると、最初の画像が400 x 400に拡大され、同時にフェードアウトします
• 2番目の画像はフェードインし、同時に元のサイズ（400 x 400）に拡大されます

これはjqueryでどのように達成できますか？

現在、私はこれを使用しています：

これはChromeでは機能せず、Operaでは小さなちらつきが発生します.ブラウザはすぐに上にスクロールし、次に下に戻り、ゆっくりと上にスクロールし始めます。

これを行うより良い方法はありますか？

jquery ui show エフェクトにイージングを適用しようとしています。理想的には、API は次のようになります。

現在、要素は display:none にあります。スケーリング効果で表示し、イージングを行う必要があります。

コマンドを分離する必要がありますか、それともこのような機能がありますか?

ありがとう。

jQuery Expanderプラグインを使用しています。デフォルトのfadeInではなく、jQueryのslideUpやslideDownのようなエフェクトを使ってほしいです。

誰かがこれを行う方法を教えてもらえますか?

デフォルトのオプションは次のとおりです。

ストライプのセットを左から右にフェードさせる小さなアニメーション スクリプトを作成しました。すべてのアニメーションが完了したら、コールバック関数を実行する必要があります。

スクリプトは次のとおりです。

http://jsfiddle.net/9zkbu/

それは正常に動作しますが、右から左へのアニメーションでも同じことをしたいと思います:

http://jsfiddle.net/FTrhX/

ご覧のとおり、アニメーションが終了する前にコールバック関数が起動されます :( 私が変更したのはdelay().

要素を複数のブロック (行と列の数で定義) に分割し、これらのブロックをフェードしてアニメーション効果を作成します。delay()アニメーションのタイプは、次の値によって決まります。

この場合、各ブロックのフェード効果は (30 * 現在のブロック インデックス) だけ遅延します。最初のブロックは 0 遅延、2 番目のブロックは 30 遅延、..... 最後のブロックは 30 * (ブロック数) 遅延を取得します。これにより、すべてのブロックが水平方向にフェードします。

これまでに作成したエフェクトのリストをhttp://jsfiddle.net/MRPDw/に投稿しました。

私が助けを必要としているのは、スパイラル タイプのエフェクトのディレイ エクスプレッションを見つけることです。

jQueryのハイライト効果がフェードする色を変更することはできますか?

現在、黄色でハイライトを開始し、次に白にフェードしてからフェードアウトします。

最終的には、背景色を黄色で強調表示してから、透明にフェードするだけです。

この効果を（jqueryを使用して）再現したいと思います。これまでで最もクールなことだと思います。http://m.madebycanvas.com/things/backflip.html（Matthew Faragによる）

...しかし、どこから始めればよいのかわかりません。誰かが方法を知っているか、何かアイデアがありますか？著者はscripty2とプロトタイプフレームワークを使用しており、scriptaculousだと思います。

理想的には、サポートされていないブラウザーでjquery自体へのフォールバックを伴うハードウェアアクセラレーションされたcss変換を使用するプラグインを使用することもできます。可能であれば、概念的にどのように行うかを説明してください。

ボタンをフリップするコンテナの幅に合わせてアニメーション化し、中央に固定されている高さを線に縮小して、表示されるパネルとは逆の操作を行うことを考えています。

したがってel、 の高さは の高さよりも小さくても大きくてもかまいません.container。

現在の高さとアニメートしている高さとの差が大きい場合に、効果の持続時間が長くなるようにするにはどうすればよいですか?