JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<div class="picture"> 
<a  href="https://farm1.staticflickr.com/313/19831416459_5ddd26103e_m.jpg" class="fancybox popup_fancy"  rel="gallery1" id="fancybox_popup"> 
<img src="https://farm1.staticflickr.com/313/19831416459_5ddd26103e_m.jpg" alt=""/> 
<div class="img-overlay">
<input type="checkbox"  class="img_checkobx" name="imgcheckbox"  onclick="checkBox(this);"/>
 </div></a> </div>

JavaScript

$(document).ready(function() {
    var fbox=$(".fancybox").fancybox({
        openEffect  : 'none',
        closeEffect : 'none'
    });
	$('.img_checkobx').click(function(e){
   		e.stopImmediatePropagation();
	});
});


function checkBox(ctrl)
{
}