如何使用動畫動態加載頁面元素（即圖像）？

Question

我有一個2行3列的大方格網格，我將在裏面放置縮略圖鏈接以進行分類導航。然後，我會擔心方格內的元素，因爲這個問題關係到實際的方格本身。

首先，我想預先加載所有元素並一次顯示它們。這部分不需要動畫效果。他們可以像平常一樣彈出。

其次，我想要這個網格的方格進來。頁面的其餘部分和正方形可以同時進來，因爲它們將被裝載在一起。但是，這部分確實需要動畫效果;我希望廣場和他們各自的孩子元素從無到有。

請參閱「縮放」效果here。第三，我想按順序加載/動畫，從頭到尾，每個單獨進入（或稍微重疊）。我確定我們現在只是在討論參數。

好吧，就是這樣。我知道這是一個很高的命令，但我對jQuery相當陌生，所以希望有人可以幫助至少一些！

Answer 1

我創建了一個類似於此的插件。看看它在這裏：https://github.com/navgarcha/jquery-slotload

您可以使用onComplete選項移動加載的項目之前的第一個.loading圖像，使他們似乎加載順序。

由於您需要變焦效果而不是老虎機般的效果，因此您可以更換動畫代碼以完成縮放。

隨意撕開代碼以適合您。