我有一个主页的网站，页面顶部有一个大图像滑块（FlexSlider），下面有两行四个图像，每个图像都有一个覆盖它的标题。 / p>
目前，当页面第一次加载时，图像滑块的所有高分辨率图像将在其下方的8个较小图像中的任何一个之前加载。这样做的结果是，当所有滑块图像都加载时，有一堆丑陋的字幕全部堆叠在一起，然后当所有滑块图像都已加载时，后续图像最终加载并且页面看起来正常。
有没有办法让滑块图像最后加载？
答案 0 :(得分：1)
我不知道CSS单独可以解决这个问题。如果您可以访问Javascript，那么解决起来会更容易。
使用轻量级默认横幅图片： 加载速度非常快的东西，在加载时用作滑块图像的占位符。
Javascript onload ：使用Javascript在页面完全呈现后开始替换图片。你有一个占位符，确保布局看起来仍然很好（没有字体混搭或没有加载图像的布局损坏），当图像准备好时，它会被整齐地替换。
没有渲染阻止，没有混乱的布局。一些Javascript（次要）和通用横幅图像的额外开销（如果高度优化，则应该是次要的）。