如何动态加载滚动图像而不重复?

时间:2014-05-19 13:56:55

标签: javascript php sql ajax

我已经通过多个论坛和教程解释了如何动态加载数据。

我完全理解我需要通过php文件对数据库进行AJAX调用以获取数据异步。

使用select语句和order by以随机顺序加载图像,限制为12 例如SELECT * FROM images ORDER BY rand() LIMIT 12

我希望在用户滚动到页面底部时加载更多图像。

问题是如何确保图像不会被加载两次。我曾想过获取一个加载的图像数组并通过AJAX调用传递它然后执行适当的SQL语句然后选择另外3个图像" DISTINCT"从图像数组和所有加入的图像。

但我不确定如何将数组与SQL表进行比较。或者,如果这是解决问题的最佳方法。

要点:

图像表:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16

以HTML格式加载的图片:1,3,4,5,6

当滚动到页面底部时,加载3个与HTML中加载的图像不同的随机图像。

SIDE注意:我更喜欢使用纯javascript而不是导入插件。

编辑:我有逻辑失误,它更多的是应用它,我正在努力。我应该提到我想使用哈希片段,所以我可以让google索引teh html快照,这将有效地加载所有图像。

1 个答案:

答案 0 :(得分:0)

尝试将加载的图像保存在某处(会话,cookie,javascript),然后在条件中使用加载的图像数组,将它们从查询结果中排除。

SELECT * FROM images WHERE id_image NOT IN (1, 3, 4, 5, 6) ORDER BY rand() LIMIT 12