【问题标题】:Javascript image gallery - too many images and page loads very slowJavascript 图像库 - 太多图像和页面加载速度很慢
【发布时间】:2016-01-15 08:48:20
【问题描述】:

我有一个图片库。它由 highslide 提供支持,页面包含调整大小的图像预览(例如 100x100px,当您单击预览时,会显示全尺寸图片,但这并不重要...)。

图片由用户上传到图库,问题是,在某些时候,一页上大约有 100 张图片(= 100 张图片需要通过网络浏览器调整大小以进行预览),页面加载非常缓慢并且冻结一直都在。

Q1:是否有任何 javascript 会显示例如前 40 张图片(文件的前 40 行)而其他图片不会被加载?当我点击“下一步”时,它会显示图片 40-80,然后是 80-120……我什至不知道这样的事情是否可行。

Q2: 还是一个 javascript,它只加载当前视图中的图片?我找到了一个,它工作得很好,但是当我向下滚动到画廊的尽头时,所有的图像都经过了我的视点,所以它们都被加载了……它又卡住了。

Q3:或者是一个脚本会自动将我的页面划分为标签(每个标签都有定义的文件长度)?

感谢您的每一个解决方案!

/编辑 至:弗里茨·范·坎彭 我试过 Lazy Load - http://www.appelsiini.net/projects/lazyload ,但分成标签会更有用。

//编辑 至:莫雷 我知道如果图像已经调整大小并存储在我的服务器上会更好,但是原始大小的图像没有存储在我的服务器上,我只有它们的 src 地址。

【问题讨论】:

  • 这当然可以使用 JavaScript。你试过什么?

标签: javascript image


【解决方案1】:

只需按像素减小图像大小。

【讨论】:

  • 最好是包含div的大小
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-25
  • 1970-01-01
  • 2017-03-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多