JSFiddle - React, Tailwind, and code Playground

by Adam Azad

HTML

<link rel="stylesheet" href="http://static.tumblr.com/pqpk3dn/vzymzuy8u/nivo-lightbox.css">
<script src="http://static.tumblr.com/pqpk3dn/oH7mztkc3/jquery.photoset-grid.js"></script>
<script src="http://static.tumblr.com/pqpk3dn/Odzmztkfq/nivo-lightbox.js"></script>
<div class="photoset-grid-lightbox" data-layout="131" style="visibility: hidden;">
            
           <img src="http://25.media.tumblr.com/aae206297c19dcd52379d3eb29ad54ea/tumblr_n0a2mn7RK41t9wqzyo1_400.jpg" data-highres="http://31.media.tumblr.com/aae206297c19dcd52379d3eb29ad54ea/tumblr_n0a2mn7RK41t9wqzyo1_1280.jpg"/>                                                     
                              
           <img src="http://31.media.tumblr.com/e80e5332fc536b7875e1596159176603/tumblr_n0a2mn7RK41t9wqzyo2_400.jpg" data-highres="http://24.media.tumblr.com/e80e5332fc536b7875e1596159176603/tumblr_n0a2mn7RK41t9wqzyo2_1280.jpg"/>                                                     
                              
           <img src="http://31.media.tumblr.com/da61a187e222fcdc10e770d29a406d46/tumblr_n0a2mn7RK41t9wqzyo4_400.jpg" data-highres="http://24.media.tumblr.com/da61a187e222fcdc10e770d29a406d46/tumblr_n0a2mn7RK41t9wqzyo4_1280.jpg"/>                                                     
                              
           <img src="http://31.media.tumblr.com/47617bf789f7195d8e933f3837e87074/tumblr_n0a2mn7RK41t9wqzyo3_400.jpg" data-highres="http://25.media.tumblr.com/47617bf789f7195d8e933f3837e87074/tumblr_n0a2mn7RK41t9wqzyo3_1280.jpg"/>                                                     

</div>

JavaScript

$('.photoset-grid-lightbox').photosetGrid({
  highresLinks: true,
  gutter: '2px', 
  rel: 'withhearts-gallery',
  onComplete: function(){
    $('.photoset-grid-lightbox').attr('style', '');
    $('.photoset-grid-lightbox a').nivoLightbox();
  }
});