Рандомные картинки

[forzz]

Как сделать чтобы при нажатии на кнопку выводилась рандомная картинка из папки?

[ruslan_mart]

forzz, на клиенте никак нельзя узнать содержимое каталога.

[Nexus]

Вариантов реализации несколько.
Если картинок не много, то можно подгрузить все картинки сразу как массив и при нажатии на кнопку выводить рандомное изображение из этого массива.
Если много, то лучше каждый раз запрашивать адрес рандомного изображения асинхронно.
Без backend'a не обойтись.

[forzz]

Можешь привести примеры кода как делается?

[Nexus]

<div>
	<img src="" id="image"/>
	<div><input type="button" value="Show random image" id="button"/></div>
</div>
<script>
	var imgs=[
			'http://www.icenews.is/wp-content/uploads/2015/02/animals-1-700x700.jpg',
			'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShZghyt2L03zlqdj_6F7EPbCCsWWnAcVsvJ3_xv7cc-IraZc-o',
			'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTdPEJ0n_tXI0No_5AgkeVpzomxp4mI8jlQv3rsKQQHNh671QU_'
		],
		image=document.getElementById('image'),
		button=document.getElementById('button');
		
	button.onclick=function(){
		image.src=imgs[Math.floor(Math.random()*imgs.length)];
	}
</script>