JSFiddle - React, Tailwind, and code Playground

by suri_295

HTML

<script src="http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" href="http://leandrovieira.com/projects/jquery/lightbox/css/jquery.lightbox-0.5.css">
<!DOCTYPE html>
<html>
<head>
    <meta charset=utf8>
    <title>jQuery lightBox plugin</title>
</head>

<body>
    <div class="gallery">
        <a href="http://leandrovieira.com/projects/jquery/lightbox/photos/image1.jpg" title="Image Caption Goes Here"><img src="http://leandrovieira.com/projects/jquery/lightbox/photos/thumb_image1.jpg"/></a>
        <a href="http://leandrovieira.com/projects/jquery/lightbox/photos/image2.jpg" title="Image Caption Goes Here"><img src="http://leandrovieira.com/projects/jquery/lightbox/photos/thumb_image2.jpg"/></a>
        <a href="http://leandrovieira.com/projects/jquery/lightbox/photos/image3.jpg" title="Image Caption Goes Here"><img src="http://leandrovieira.com/projects/jquery/lightbox/photos/thumb_image3.jpg"/></a>
        <a href="http://leandrovieira.com/projects/jquery/lightbox/photos/image4.jpg" title="Image Caption Goes Here"><img src="http://leandrovieira.com/projects/jquery/lightbox/photos/thumb_image4.jpg"/></a>
        <a href="http://leandrovieira.com/projects/jquery/lightbox/photos/image5.jpg" title="Image Caption Goes Here"><img src="http://leandrovieira.com/projects/jquery/lightbox/photos/thumb_image5.jpg"/></a>
    </div>
</body>
</html>

JavaScript

$(document).on('click', '.gallery a', function(e) {
    console.log('init', this);
    $(this).lightBox();
    $(this).trigger('click');
    e.preventDefault();
});