JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<div class="workImages" style="cursor: auto; width: 2023px;">
					<header class="span4" id="workHeader" style="padding-left: 471.5px;">

					</header>
					
		<a href="http://placehold.it/350x150" class="gal"><img  src="http://placehold.it/350x150" class="attachment-full" alt=""></a><a href="http://placehold.it/350x150" class="gal"><img  src="http://placehold.it/350x150" class="attachment-full" alt=""></a><a href="http://placehold.it/350x150" class="gal"><img  src="http://placehold.it/350x150" class="attachment-full" alt=""></a>

					<div class="clearfix"></div>
	</div>

JavaScript

$('a.gal').each(function() {
							$(this).colorbox({
								rel: 'gal',
								slideshow: true,
								scrolling: false,
								returnFocus: false
							});
						});