Jquery 页面加载和优先级

我有一个有很多图库的页面（使用galleria plus 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>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});
Galleria.loadTheme（'Galleria/themes/classic/Galleria.classic.min.js'）；
画廊。运行（“#画廊1，#画廊2，#画廊3，#画廊4，#画廊5，#画廊6，#画廊7，#画廊8，#画廊9，#画廊10，#画廊11，#画廊12，#画廊1b，#画廊2b，#画廊3b，#；

您可以尝试使用，而不是使用加载HTML时加载的

document.ready（）

，这在加载页面上的所有元素后发生

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

然后，如果要在单击事件中加载库：

$('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'); 
});

---

但是，如果我想点击一下就加载这些库呢？@mannygtr我已经编辑过了。将relevantIDHere替换为您希望在单击时加载库的ID