頁面加載和優先

我有一個頁面有很多畫廊（使用環球免稅店加fancybox）和頂部（nivo滑塊）上的圖像滑塊。問題是滑塊花費時間加載，導致瀏覽器正在加載畫廊。現在我想給滑塊一個優先級，所以頁面至少會創建它的結構，或者可能讓畫廊僅在點擊時加載。頁面加載和優先

<script type="text/javascript"><!--fancybox--> 
    $(document).ready(function() { 
     $(".fancybox").fancybox(); 
    }); 
</script> 

<script type='text/javascript'> 
      Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js'); 
      Galleria.run('#gallery-1,#gallery-2,#gallery-3,#gallery-4,#gallery-5,#gallery-6,#gallery-7,#gallery-8,#gallery-9,#gallery-10,#gallery-11,#gallery-12,#gallery-1b,#gallery-2b,#gallery-3b,#gallery-4b'); 
</script>

來源

2013-04-09 mannygtr

而不是使用document.ready()，它加載在HTML已經加載，你可以嘗試使用window.onload，其頁面上所有的元素都被加載後發生的。

$(window).on("load", function(){ 
    $(".fancybox").fancybox(); 
});

然後，如果要加載上的click事件的畫廊：

$('relevantIDHere').on('click', function(){ 
    Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js'); 
    Galleria.run('#gallery-1,#gallery-2,#gallery-3,#gallery-4,#gallery-5,#gallery-6,#gallery-7,#gallery-8,#gallery-9,#gallery-10,#gallery-11,#gallery-12,#gallery-1b,#gallery-2b,#gallery-3b,#gallery-4b'); 
});

來源

2013-04-09 11:50:57 lifetimes

謝謝，我會嘗試這一個 – mannygtr 2013-04-09 11:58:49

但是，如果我想的畫廊被加載只是在點擊什麼？ – mannygtr 2013-04-09 12:03:41

@mannygtr我編輯了它。將相關ID替換爲任何您希望導致畫廊在點擊時加載的ID – lifetimes 2013-04-09 12:05:35

頁面加載和優先

回答

相關問題