Рандомные картинки
Как сделать чтобы при нажатии на кнопку выводилась рандомная картинка из папки?:help:
|
forzz, на клиенте никак нельзя узнать содержимое каталога.
|
Вариантов реализации несколько.
Если картинок не много, то можно подгрузить все картинки сразу как массив и при нажатии на кнопку выводить рандомное изображение из этого массива. Если много, то лучше каждый раз запрашивать адрес рандомного изображения асинхронно. Без backend'a не обойтись. |
Можешь привести примеры кода как делается?
|
<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>
|
| Часовой пояс GMT +3, время: 21:13. |