Question

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

＆＃13;

<script>
  	var $container = $('#content');
// init
$container.packery({
  itemSelector: '.item',
  gutter: 10,
});
   </script>

＆＃13;

<div class="item" style="width: 388px; height: 259px;">
  <img src="Resources/images/IMG_8441 - Version 2.jpg" height="259px" width="388px" alt="Intersect" />
</div>

＆＃13;

一切都很好，但从页面顶部滚动到底部并不是非常平滑，可能是由于页面上的图像数量太多（截至目前为35）。有没有什么方法可以改善滚动的平滑度？

Answer 1

你有Photoshop吗？您需要通过“Save for Web”重新保存图像。这使您可以根据您选择的设置大幅缩小图像尺寸。这有助于提高速度。另一种选择是增加javascript的复杂性，并使用缩略图代替全尺寸图像。您可以再次使用Photoshop或其他图像编辑软件，将图像尺寸缩小到259 x 388px。当你保存这些大小时，文件大小会相当小。当用户点击缩略图时，javascript可用于显示满刻度的大图。

改进HTML图库的滚动

1 个答案: