滑块图像需要时间来加载。

Question

直播网站 - http://newedgeindustries.ca

我使用pgwSlider作为主页滑块，除了滑块图像每次在Chrome中重新加载，同时将一个图像更改为另一个图像时，一切正常。

知道如何解决这个问题。

同样的事情在这里很有效 - http://arif-khan.net/project/web_aceive/index.html

代码：

<ul class="pgwSlider">
  <li><img src="images/_big-image1.jpg" alt="" data-description="" ></li>
  <li><img src="images/_big-image2.jpg" alt="" data-description="" ></li>
  <li><img src="images/_big-image3.jpg" alt="" data-description="" ></li>
  <li><img src="images/_big-image4.jpg" alt="" data-description="" ></li>
  <li><img src="images/_big-image5.jpg" alt="" data-description="" ></li>
</ul>

<script>
 $(document).ready(function() {
   $('.pgwSlider').pgwSlider();
 });
</script>

Answer 1

由于我们无法复制问题且图片需要时间加载，因此更好的选择是压缩图片。

您使用的图片为 JPG 格式，尺寸范围为130 Kb至200 Kb 以及更多。

您可以在 JPG compressor 压缩它们。这会将图像压缩到 80％，并且质量也会保持不变。

同样对我有用。