JSFiddle - React, Tailwind, and code Playground
Another light box
by Peter A
HTML
<link rel="stylesheet" href="C:/Users/5002001218/Documents/Peter Averkos/Change Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox Gallery/css/jquery.lightbox-0.5.css">
<script src="c:/Users/5002001218/Documents/Peter%20Averkos/Change%20Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox%20Gallery/js/jquery.lightbox-0.5.min.js"></script>
<script src="c:/Users/5002001218/Documents/Peter%20Averkos/Change%20Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox%20Gallery/images/photos/01-turntable-illustration-graphic.png"></script>
<script src="c:/Users/5002001218/Documents/Peter%20Averkos/Change%20Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox%20Gallery/images/photos/01-turntable-illustration-graphic-thumbnail.png"></script>
<script src="c:/Users/5002001218/Documents/Peter%20Averkos/Change%20Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox%20Gallery/"></script>
<script src="c:/Users/5002001218/Documents/Peter%20Averkos/Change%20Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox%20Gallery/images/photos/02-robot-diy-kit.png"></script>
<script src="c:/Users/5002001218/Documents/Peter%20Averkos/Change%20Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox%20Gallery/images/photos/02-robot-diy-kit-thumbnail.png"></script>
<body>
<div id="w">
<div id="content">
<div id="thumbnails">
<ul class="clearfix">
<li><a href="images/photos/01-turntable-illustration-graphic.png" title="Turntable by Jens Kappelmann">
<img src="c:/Users/5002001218/Documents/Peter%20Averkos/Change%20Requests/ManagementToolKit/Utilities/LightBoxes/Lightbox%20Gallery/images/photos/01-turntable-illustration-graphic-thumbnail.png" alt="turntable"></a></li>
<li><a href="images/photos/02-robot-diy-kit.png" title="DIY Robot by Jory Raphael">
<img src="images/photos/02-robot-diy-kit-thumbnail.png" alt="DIY Robot Kit"></a></li>
...
JavaScript
$(function () {
$('#thumbnails a').lightBox();
});