JSFiddle - React, Tailwind, and code Playground

by mmetsalu

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://www.placehold.it/350x150.jpg" class="attachment-full" alt=""></a>
<a href="http://placehold.it/350x150" class="gal"><img src="http://www.placehold.it/350x150.png" class="attachment-full" alt=""></a>
<a href="http://placehold.it/350x150" class="gal"><img src="http://www.placehold.it/350x150.png" class="attachment-full" alt=""></a>
<div class="clearfix"></div>
</div>

JavaScript

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