在某个点预加载CSS图像

时间:2014-02-20 00:18:38

标签: html css load preloader

显然这可以在窗口加载时完成,但我只允许在另一个库加载后开始加载CSS背景图像资源,如下所示:

  
      
  1. 加载HTML /基本CSS /广告发布商JS

  2.   
  3. 加载广告发布商JS后,我需要调用另一个CSS文件,因此我将其附加到文档的头部

  4.   
  5. 此时窗口已经加载,但是一个新的CSS文件包含在链接到它的资产中,现在需要预先加载

  6.   

正如你所看到的,我需要加载CSS文件+窗口加载后某个点内链接的图像

我尝试了一些图像预加载器,但似乎没有任何东西像我需要的那样工作。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我不是百分之百确定为什么你不能通过在不同的地方定位dom中的不同元素来实现这一点。您可以在打开的body标签之后加载图像,这是用于背景的旧技巧。如果屏幕显示无显示,请务必隐藏。

<head>
    <script>
        /*load my js css*/
    </script>
</head>
<body>
<img class="myimage" style="display:none;">
<script>
    /* Load a different script that will be able to reference myimage.*/
</script>
</body>

我并非100%确定我正确地阅读了您的问题,但如果您对“违反规则”感到满意,您也可以将css加载到头部之外