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

[bonny]

Добрый день!
Каким образом можно организовать следующий механизм вывода случайного изображения
Есть форма для ввода своего запроса
Посетитель вводит свой запрос и нажимает кнопку получить ответ
В результате появляется случайное изображение, которое дает подсказку или ответ на запрос.

 

[Q_BASIC]

Какой запрос вводит пользователь? SELECT * FROM images ORDER BY RAND() LIMIT 1 - такой?

Или пользователь вводит: в чем смысл жизни, а форма должна подсказку дать?

 

[bonny]

Или пользователь вводит: в чем смысл жизни, а форма должна подсказку дать?

да - именно так - пользователь вводит описание своей задачи +электронный адрес и нажимает кнопку - получить ответ и в этот момент появляется случайная картинка из определенной директории.

 

[Цуиьфыеук]

Картинка любая или как-то связана с запросом пользователя?

 

[bonny]

Картинка любая или как-то связана с запросом пользователя?

картинка случайная из определенной директории.

 

[Absolute]

картинка случайная из определенной директории.

В директории image, есть картинки: 1.jpg, 2.jpg, 3.jpg ....100.jpg

function randomImageName(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
var url = '/image/';
url += randomImageName(1, 100);
url += '.jpg';
var img = $('<img />', {
  src : url,
  alt : 'Your alt',
  class : 'your_class'
});
$('form').append(img);

 

[bonny]

Мне нужен не просто вывод случайной картинки - это я умею делать штатными средствами
Мне нужно чтобы этот вывод происходил при нажатии кнопки "получить"

 

[bonny]

Я тут нашел прототип того что мне нужно

только вместо да-нет - вывод одной из 100 картинок

 

[Absolute]

Мне нужно чтобы этот вывод происходил при нажатии кнопки "получить"

Вместо botton_id - id вашей кнопки.

function randomImageName(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
$('#botton_id').on('click', function(){
  var url = '/image/';
      url += randomImageName(1, 100);
      url += '.jpg';
  var img = $('<img />', {
    src : url,
    alt : 'Your alt',
    class : 'your_class'
  });
  $('form').append(img);
});