我在我的兄弟網站上集成了一個滑塊。他希望進行一些預加載,因此幻燈片的第一張圖片比其他圖片的持續時間更長,所以滑塊可以在第一張圖片顯示時加載所有圖片。你有什麼想法如何推遲第一張幻燈片嗎?我試圖找到JavaScript文件內的東西,但我不認爲它是一個很好的想法,我在源代碼工作。開始幻燈片放映
鏈接:http://www.davidgoltz.de/2011/anna-bederke-actor/
謝謝!
我在我的兄弟網站上集成了一個滑塊。他希望進行一些預加載,因此幻燈片的第一張圖片比其他圖片的持續時間更長,所以滑塊可以在第一張圖片顯示時加載所有圖片。你有什麼想法如何推遲第一張幻燈片嗎?我試圖找到JavaScript文件內的東西,但我不認爲它是一個很好的想法,我在源代碼工作。開始幻燈片放映
鏈接:http://www.davidgoltz.de/2011/anna-bederke-actor/
謝謝!
最初當您將自動設置爲0時,它不會自動更改。
然後延遲(使用setTimeout()
)將自動設置爲新值。
我假設你知道圖像的數量應該加載。那麼你可以設置一個計數器並觸發自動更改事件;
var counter = 0;
$(".class-of-images-should-be-loaded").bind("load",function(){
counter++;
if(counter == n){ //n - number of images
//trigger your event
}
}
把一個類放到所有圖像上,並用它作爲選擇器。
您可以使用「settimeout」,但如果連接速度很慢,幻燈片中可能會出現卸載圖像。
*我用jQuery的,因爲你在你的網頁
後有jQuery庫的一些代碼,如果可能的話,鏈路的jsfiddle將是最好的:d – Calum