0

目前，我正在使用基本的 Packery JS 和 Div 块为我的网站构建一个照片库，其中包含图像。

<script>
  	var $container = $('#content');
// init
$container.packery({
  itemSelector: '.item',
  gutter: 10,
});
   </script>
<div class="item" style="width: 388px; height: 259px;">
  <img src="Resources/images/IMG_8441 - Version 2.jpg" height="259px" width="388px" alt="Intersect" />
</div>

一切都包装得很好，但是从页面顶部滚动到底部并不是很流畅，大概是由于页面上的图像数量众多（截至目前为 35 个）。有什么方法可以提高滚动的流畅度吗？

4

1 回答 1

0

你有 Photoshop 吗？您需要通过“保存为网络”重新保存您的图像。这使您可以根据您选择的设置显着减小图像尺寸。这有助于提高速度。另一种选择是增加 javascript 的复杂性并使用缩略图代替全尺寸图像。您可以再次使用 Photoshop 或其他图像编辑软件将图像尺寸缩小到 259 x 388 像素。当您像这样调整大小保存它们时，文件大小会小得多。当用户点击缩略图时，可以使用 javascript 来显示全尺寸的大图。

于 2015-01-24T19:58:36.477 回答