Question

我使用html进行多媒体演示，背景为黑色，全屏显示

当我浏览它时会跳转到不同的网页，但在它之间会闪烁白色并加载。

我可以在加载当前正在查看的网页之后预加载这些网页，这样下一个网页的加载时间就会减少，从而产生运行演示文稿的实际程序的错觉。

Answer 1

首先，这个＆＃39; flash＆＃39;是正常的，网络是如何运作的。所以，我不会过多地谈论它。

你可以预先加载＆＃39;一个页面以不同的方式。一种方法是在第1页上加载一个小的1px方形iframe来加载第2页。然后当你转到第2页时，该页面已经在缓存中。但请注意，您仍然可能会看到闪存，因为浏览器仍然需要重绘页面。

另一种解决方案是使用AJAX。而不是加载整个页面，只需通过AJAX调用加载页面本身的内容。这样背景永远不会改变，你永远不会看到闪光灯。

但最简单的解决方案可能只是让您的演示文稿开始一页。有几个CSS框架可以让你创建一个多页面＆＃34;页面＆＃34;使用一个HTML文档进行演示。这是一个：http://bartaz.github.io/impress.js/#/bored还有更多。只是google＆＃34; CSS演示框架＆＃34;

Answer 2

有多种方法可以实现这一目标。

的Jquery Lightweight Jquery preloader

的Javascript Javascript Preloader

这最终将成为这些方面......

Jquery的

<script type="text/javascript">// <![CDATA[
$(window).load(function() { $("#spinner").fadeOut("slow"); })
// ]]></script>

样式化CSS

#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(your/image/path/loading.png) 50% 50% no-repeat #ede9df;
}

另外，正如DA所提到的，如果你不想要的话，你不需要加载单独的页面进行导航。这需要更多的工作，但是，您可以保持相同的页面并根据需要替换该页面中的内容。

如何预加载网页

2 个答案: