ページ要素（つまり画像）をアニメーションで動的に読み込む方法は？

Question

2行、3列の大きな正方形のグリッドがあり、分類されたナビゲーションのためにサムネイルリンクを配置します。しかし、後で正方形内の要素については心配していますが、この質問は実際の四角自体に関係しています。

まず、すべての要素をプリロードして一度に表示したいと思います。この部分はアニメーション効果を必要としません。彼らは普通のようにポップアップすることができます。

第2に、私はこの正方形のグリッドを入れたいと思います。残りのページと四角形は、一緒にロードされるので同時に入ることができます。ただし、この部分ではアニメーション効果が必要です。私は正方形とそれぞれの子要素が何もズームインしないようにしたい。

「ズーム」エフェクトhereを参照してください。

第3に、最初から最後まで順番に、四角形を読み込んだりアニメーションしたりしたいと思います。私たちは単にパラメータを話していると確信しています。

さて、それです。これは大変なことですが、私はjQueryを初めて使っているので、うまくいけば誰かが少なくともその一部を手伝うことができます！

Answer 1

私はこれに類似したプラグイントdoを作成しました。 https://github.com/navgarcha/jquery-slotload

onCompleteオプションを使用すると、読み込まれたアイテムを最初の.loadingイメージの前に移動して、順番に読み込まれるように見えるようにすることができます。

効果のようなスロットマシンではなく、ズームエフェクトが必要なので、アニメーションコードを置き換えてズームすることができます。

あなたに合ったコードを自由に分解してください。