Переключение содержимого между элементами div при обновлении и/или таймере ⇐ Html

[Anonymous]

Я пытаюсь создать простую страницу с 4 элементами div, каждый из которых содержит изображение, загруженное в базу данных.
Я бы хотел, чтобы изображение в каждом элементе div менялось, когда кто-то обновляет страницу (и, в конечном итоге, после нескольких минут навигации), чтобы каждый раз, когда вы открываете страницу, изображение внутри каждой из них было другим.
Например: у меня 10 изображений

Код: Выделить всё

1° time: div1(img1), div2(img2), div3(img3), div4(img4)

2° time: div1(img9), div2(img6), div3(img8), div4(img3)

3° time: div1(img1), div2(img4), div3(img10), div4(img5)

и так далее. Самое сложное в том, что одно и то же изображение не должно быть дважды, поэтому скажем, этого никогда не должно происходить:

Код: Выделить всё

div1(img1), div2(img2), div3(img3), div4(img1)

РЕДАКТИРОВАТЬ: Итак, это произошло:
демо: http://codepen.io/anon/pen/grbwvx
Я перемещался по элементам div, и они должны быть квадратами (каковыми они и являются, если я не помещаю в них изображения). Но когда изображения загружаются, это портит мой CSS. Я пробовал удалять поля и тому подобное, но ничего не помогло.
Есть идеи, как это исправить?