私のウェブサイトには、SafariとChrome（Windows 7 64ビット、jQuery 1.7.2）で途切れ途切れになっている（ほぼ）フルスクリーンのフェードイン/アウトアニメーションがいくつかあります：（http://portfolio.wezelkrozum.nl/#page=news&par1=article&par2 = 1＆par3 =）
サムネイルをクリックするとアニメーションが表示されます。これらのアニメーションをよりスムーズに実装する方法があるかどうか知りたいです。これまでのところ、フェードインアニメーションが完了した後に画像が表示されるように、スクリプトを変更しました。アニメーションはよりスムーズになりましたが、十分にスムーズではありませんでした。
では、どうすればフェードアニメーションを改善できますか？
この2D変換プラグインを試してください。何も編集する必要はありません。.jsをに含めるだけです。可能な場合は、jQueryアニメーション呼び出しでcssトランジションを使用します。
Chrome（OS X）とSafari（OS X）でサイトを開きましたが、アニメーションは問題ないようです。
編集：
1） （サムネイルを折り返す）とにスタイル-webkit-transform: translateZ(0);を追加します。WebkitでGPUアクセラレーションをアクティブにします。:-)wrapperarticle_images_manager
2）サムネイルとして完全な画像を使用するのではなく、事前に生成された小さな画像を使用する必要があります。
問題がわかりません。jQueryアニメーションではなく、css3トランジションを試してみることをお勧めします。彼らは間違いなくパフォーマンスを向上させます。