Random Masonry element slideshow

random-masonry.js

var results = Array.from( document.querySelectorAll('.masonry_box.small_pin_box > .image_wrapper') );

var div = document.createElement('div');
div.style =`
 position: fixed;
 width:100%;
 height: 100%;
 background:black;
 top :0px;
 left :0px;
 display: grid;
` ;
document.body.appendChild( div );
var img = document.createElement('img');
img.style = `
  height: 100%;
  align-self: center;
  margin:auto;
`;
img.onclick = function(){
  var item = Math.random( new Date() ) * results.length << 0 ;
  var selectedImage = results[ item ].querySelector('.image').dataset.src;
  img.src = selectedImage;
};

div.appendChild( img );


var item = Math.random( new Date() ) * results.length << 0 ;
var selectedImage = results[ item ].querySelector('.image').dataset.src;
img.src = selectedImage;