JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<script src="http://lokeshdhakar.com/projects/lightbox2/js/lightbox.js"></script>
<link rel="stylesheet" href="http://lokeshdhakar.com/projects/lightbox2/css/lightbox.css">
<img src="http://placekitten.com/200/300" alt="" />
<img src="http://placekitten.com/100/300" alt="" />
<img src="http://placekitten.com/300/400" alt="" />

JavaScript

$('img').each(function() {

    var self = $(this),
        self_src = self.attr('src').replace('http://placekitten.com/', 'http://placekitten.com/g/');

    self.wrap('<a href="'+ self_src +'" rel="lightbox"></a>');

});