Estou criando um site tipo de imagens tipo Pinterest que, além de outras coisas, precisar combinar as seguintes funcionalidades:
Scrool infinito (estou aplicando esse código aqui: https://www.youtube.com/watch?v=_D-CPBvqQaU).
Um menu pra escolher em qual ordem exibir as imagens.
O problema acontece quando eu escolho pra exibir as imagens randomicamente: elas se repetem.
A query que estou usando é a seguinte:
$return = $database->query("
SELECT
lk_post_pic.*,
tb_post.head,
tb_post.created_datetime,
tb_pic.album,
tb_pic.file,
tb_pic.thumbnail
FROM lk_post_pic
JOIN tb_post ON lk_post_pic.fk_post = tb_post.id_post
JOIN tb_pic ON lk_post_pic.fk_pic = tb_pic.id_pic
WHERE tb_pic.thumbnail = 'default'
ORDER BY RAND()
LIMIT 20
OFFSET $offset
")->fetchAll(PDO::FETCH_ASSOC);
Cada vez que o scroll é rolado até o fundo, essa query é novamente executada e os dados do $return são inseridos num tamplate html, através do echo, que é recebido pela função do jQuery como um response ao GET e, em seguida, é executado o método append().
OBS: Espero não estar complicando com essa divagações, é só pra contextualizar, talvez possa ajudar.
Então, mas a cada vez que essa query é executada, o $offset é acrescido em 20 unidades, pra printar as imagens novas, mas, como tudo é randomizado antes, as imagens do primeiro offset acabam se misturando com a do segundo e daí a exibições são repetidas.
Como contornar problema?