#052: 平滑加载画廊，第二部分

在本视频中，我们将解决在列布局加载时遇到的问题。解决方法是删除导致图像加载后占位符框保持纵横比的 CSS（因为图像本身会保留纵横比）。然后，应用一个 CSS 类来实现“淡入”效果（将不透明度从 0 更改为 1）。简单易行，只需要一点点 JavaScript。

需要注意的是，在网站的实时版本中，这种酷炫的技术无法使用。为了真正有效，我们需要在服务器端知道图像的纵横比，才能立即创建带有正确占位符的网格。不幸的是，我们无法在真实的画廊中获取此信息。我们可以使用 PHP 获取尺寸，但速度非常慢。因此，我们等待所有图像加载完毕，然后淡入它们的透明度。虽然不像最初的方案那么酷炫，速度也略慢，但至少减少了加载时的卡顿现象。