Рандомизация слайд-шоу изображений

В настоящее время я редактирую веб-сайт, чтобы слайд-шоу на домашней странице появлялось в другом порядке при каждой загрузке. Код, который у меня сейчас есть, настроен следующим образом.

<div id = "slideshow">

<div>

<img src = "images/catpic.jpg">

</div>

<div>

<img src = "images/dogpic.jpg">

</div>

.

.

</div>

Всего 20 картинок, и мне было интересно, есть ли способ сделать это. Также я знаю JavaScript и PHP на случай, если они понадобятся.