Question

我几分钟前刚刚写了同一篇文章。整个事情是如此懒惰和写得不好，我正在发布这个问题。为第一篇文章道歉。

这是我的网站：

top-drawer.net/artists.html

当我使用不属于我自己的浏览器时，图片需要多长时间才能加载。我正在谈论艺术家页面和各个艺术家自己的页面。当您点击页面时，您会看到图像慢慢加载，当您向网站展示新用户时，它确实看起来并不专业。

导致这种情况的原因是什么？如何修复它？

仅供参考我使用谷歌浏览器查看我的工作。

Answer 1

这需要一点时间，因为有一个脚本可以将img元素的不透明度从零更改为100％，这就是为什么你不能立即看到它们。尝试从以下地址进行更改：

$('#slider').backstretch([
  "/../images/bennyPalmer/2.jpg"
  , "/../images/bennyPalmer/8.jpg"
  , "/../images/bennyPalmer/3.jpg"
], {duration: 3000, fade: 750});

为：

$('#slider').backstretch([
  "/../images/bennyPalmer/2.jpg"
  , "/../images/bennyPalmer/8.jpg"
  , "/../images/bennyPalmer/3.jpg"
], {duration: 3000, fade: 750, fadeFirstImage: false});

请注意，您需要最新版本的存储库。这里参考： https://github.com/srobbin/jquery-backstretch/pull/345

Answer 2

您的图片需要很长时间才能加载（在“艺术家”页面中），因为它们是大文件。尝试创建大图像的缩略图

网站上的图片需要一段时间才能加载

2 个答案: