Random image generator

Random image generator with Jquery

by Fahd Murtaza

HTML

<img src="https://unsplash.it/400/300/?image=1">

JavaScript

$(document).ready(function() {
  var picPicker, source;

  function generateImage() {
    $("img").fadeOut(2000, function() {
      picPicker = (Math.floor(Math.random() * 200));

      source = 'https://unsplash.it/400/300/?image=' + picPicker;

      $("img").attr("src", source);
      $("img").fadeIn(2000);
    });

    setTimeout(generateImage, 5000);
  }

  generateImage();
});