旋轉木馬滑塊首先加載，但圖像需要花費時間加載

Question

我在我的網站中使用自舉木馬滑塊。

問題：

當我打開我的網頁中的標題部分負荷滑塊第一，但第一圖像需要時間滑塊上加載。我想解決我的問題。

我想要什麼：

我想，如果滑塊的負載則圖像必須在同一時間進行負載否則，如果服用時間的圖像加載，然後滑塊應進行負載時的圖像準備在網頁上加載。

請提出我該怎麼做。

Answer 1

如果滑塊包含10倍以上的圖像，如果圖像是大尺寸的，然後按照這些步驟，

1. 應用SRC到滑塊的只有前3個圖像。對於其他圖像，將圖像url應用於新屬性「delayedsrc」。 delayedsrc屬性包含您的圖片網址。將類'defered_loading'應用於這些圖像。

再加入這個js代碼，

$('.defered_loading').each(function() { 
       $(this).attr('src', $(this).attr('delayedsrc')); 
      }).promise().done(function() { 
       // intialize your slider here 
      });