0

写真が手で投げられるようなスタック写真の画像ギャラリーを実装したい。

このように: http://www.youtube.com/watch?v=FlohNb8rnR8

jquery animate と drop effect を使ってみましたが、似ていません。どうすれば実装できますか？

ありがとう。

4

2 に答える 2

1

jquery の animate よりも、アニメーションにgreensockを使用することを強くお勧めします。Greensock には、制御可能なイージングで滑らかな動きを実現するための、優れたイージング オプションが多数あります。

さまざまな JS エンジンを比較した速度テストを確認してください。

于 2012-07-24T02:41:33.403 に答える
0

すべての画像を絶対に配置して画面外に配置する必要があります。次に、一度に 1 つずつ、画面上のどこかでランダムに位置をアニメーション化し、それぞれが前の画像よりも高い z-index を持つようにします。

jQuery のコールバック関数を使用すると、スムーズにそれぞれを順番に呼び出すことができます。制限のある math.random ロジックを考え出す必要があります (おそらくウィンドウの高さ/幅など)。しかし、基本的にはこのような考え方です。

var zindex = 100;

$('img').each(function () {
    $(this).css('z-index', zindex++)
           .animate({ top: _yVariable, left: _xVariable }, _timeVariable, function () {
       return; //restart loop once this animations finished
    });     
});
于 2012-07-24T02:43:28.707 に答える