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

Тема в разделе "JavaScript", создана пользователем bonny, 10 мар 2018.

Модераторы: ZiX
  1. bonny

    bonny

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

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    445
    Симпатии:
    1.157
    Какой запрос вводит пользователь? SELECT * FROM images ORDER BY RAND() LIMIT 1 - такой?

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

    bonny

    Регистр.:
    11 июл 2008
    Сообщения:
    463
    Симпатии:
    254
    да - именно так - пользователь вводит описание своей задачи +электронный адрес и нажимает кнопку - получить ответ и в этот момент появляется случайная картинка из определенной директории.
     
  4. Цуиьфыеук

    Цуиьфыеук Создатель

    Регистр.:
    15 янв 2018
    Сообщения:
    40
    Симпатии:
    16
    Картинка любая или как-то связана с запросом пользователя?
     
  5. bonny

    bonny

    Регистр.:
    11 июл 2008
    Сообщения:
    463
    Симпатии:
    254
    картинка случайная из определенной директории.
     
  6. Absolute

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    477
    Симпатии:
    317
    В директории 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);
     
    bonny нравится это.
  7. bonny

    bonny

    Регистр.:
    11 июл 2008
    Сообщения:
    463
    Симпатии:
    254
    Мне нужен не просто вывод случайной картинки - это я умею делать штатными средствами
    Мне нужно чтобы этот вывод происходил при нажатии кнопки "получить"
     
  8. bonny

    bonny

    Регистр.:
    11 июл 2008
    Сообщения:
    463
    Симпатии:
    254
    Я тут нашел прототип того что мне нужно

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

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    477
    Симпатии:
    317
    Вместо 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);
    });
     
    Цуиьфыеук нравится это.