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

bonny

Мой дом здесь!
Регистрация
11 Июл 2008
Сообщения
553
Реакции
263
Добрый день!
Каким образом можно организовать следующий механизм вывода случайного изображения
Есть форма для ввода своего запроса
Посетитель вводит свой запрос и нажимает кнопку получить ответ
В результате появляется случайное изображение, которое дает подсказку или ответ на запрос.
 
Какой запрос вводит пользователь? SELECT * FROM images ORDER BY RAND() LIMIT 1 - такой?

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

да - именно так - пользователь вводит описание своей задачи +электронный адрес и нажимает кнопку - получить ответ и в этот момент появляется случайная картинка из определенной директории.
 
Картинка любая или как-то связана с запросом пользователя?
 
картинка случайная из определенной директории.
В директории image, есть картинки: 1.jpg, 2.jpg, 3.jpg ....100.jpg
HTML:
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);
 
Мне нужен не просто вывод случайной картинки - это я умею делать штатными средствами
Мне нужно чтобы этот вывод происходил при нажатии кнопки "получить"
 
Я тут нашел прототип того что мне нужно
Скрытое содержимое доступно для зарегистрированных пользователей!

только вместо да-нет - вывод одной из 100 картинок
 
Мне нужно чтобы этот вывод происходил при нажатии кнопки "получить"
Вместо 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);
});
 
Назад
Сверху