jQuery函數用於在定時器上最大化內容

Question

我正在研究一個項目，該項目將成爲某種功能的圖像和文本展示。

我的目標爲媒體頁面（即10x5磚）上顯示在一個網格樣式，然後每5秒，隨機瓦片被放大時，用於顯示5秒鐘，然後最小化，使用燈箱風格的效果。

除此之外，我需要能夠隨着夜晚的進行添加照片/媒體，並且能夠在頁面上顯示，而不會中斷正在展示的媒體序列（可能通過使用AJAX刷新）。我使用PHP腳本來檢查服務器上目錄的內容，然後將其反饋回庫中（以前使用Supersized）。

[這裏記錄吧：http://forum.jquery.com/topic/tutorial-how-to-detect-images-automatically-with-supersized]

有誰知道我怎麼會去jQuery中寫這個，或者如果已經有一個插件，這是否適合我？

非常感謝提前！

Answer 1

我認爲你應該做的是把任務分解成子任務，試圖抓住它作爲一個整體istead：

1. 構建HTML顯示在網格中的圖像，使用靜態圖像作爲數據源，以使其正確。
2. 構建CSS以對齊圖像並確保一切正常。
3. 構建一個數據庫，其中將包含圖像路徑。
4. 更改html中的數據源以使用目錄中的圖像。
5. 開始一次寫一個javascript。
   1. 建立一個定時器，即每5秒跳轉到下一個圖像，並且任一動畫它向上或向下，使用jquery.animate（）
   2. 建立一個AJAX腳本，即加載新的圖像到圖像容器，使用jquery.ajax（）

機會是，如果你打破它，並嘗試做一些具體的，當您遇到問題，可以再次詢問具體的東西在這裏，你會能夠得到答案。試圖一次做所有事情，都會讓你無處可逃。