Javascript图像库-图像太多,页面加载速度非常慢

Javascript图像库-图像太多,页面加载速度非常慢,javascript,image,Javascript,Image,我有一个图像库。它由highslide供电,页面包含大小调整后的图像预览(例如100x100px,当您单击预览时,将显示完整大小的图片,但这并不重要…) 图像由用户上传到图库,问题是,在某一点上,一个页面上大约有100个图像(=需要webbrowser调整大小以进行预览的100个图像),页面加载速度非常慢,并且一直处于冻结状态 问题1:是否有任何javascript会显示例如前40张图片(文件的前40行),而其他图片不会被加载?当我单击“下一步”时,它将显示图片40-80,然后80-120。。。

我有一个图像库。它由highslide供电,页面包含大小调整后的图像预览(例如100x100px,当您单击预览时,将显示完整大小的图片,但这并不重要…)

图像由用户上传到图库,问题是,在某一点上,一个页面上大约有100个图像(=需要webbrowser调整大小以进行预览的100个图像),页面加载速度非常慢,并且一直处于冻结状态

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

问题2:还是javascript,它将只加载当前视图中的图片?我发现了一个,它工作得很好,但是当我向下滚动到我的图库的末尾时,所有的图像都经过了我的视点,所以它们都被加载了。。。它冻结了阿金

问题3:或者是一个脚本,它会自动将我的页面划分为多个选项卡(每个选项卡都有定义的文件长度)

谢谢你的每一个解决方案

/编辑 收件人:Frits van Campen 我已经尝试过惰性加载,但是划分到选项卡会更有用

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

只需将图像大小减少像素即可

这当然可以通过JavaScript实现。您尝试过什么?最好是与包含div的大小相同