如何优化获取随机图片的场景？

Question

我有大约100页,每页都有10-100张图片.图像的路径保存在数据库中.

然后,我在每个页面都有一个区域,用户可以从上面提到的图片列表中看到随机图片.此图像每3秒更改一次.

为了实现这种情况,我使用了一个javascript函数,它每3秒调用一次.

function GenerateNewImg() {
    $.ajax({
        url: "myurl.php",
        type : "get",
        dataType: 'json',
        async:true,
        success: function(data){
            $("#imgtochange").attr("src", data.res);
        }
    });

    t = setTimeout('GenerateNewImg()',3000);
}

在myurl.php中,我随机选择一个页面,然后选择一个图像.

我认为,这不是一个很好的解决方案,因为它会消耗服务器上的处理器时间.

有没有更好的方法来获得我需要的行为？

Answer 1

将您的文件列表表示为JSON,将其加载到自己的脚本块中,以便可以在浏览器上缓存它.然后从数据集中的随机位置读取数据.这样您就不必继续回到服务器了.