JSFiddle - React, Tailwind, and code Playground

by Md. Atiquzzaman Soikat

HTML

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/swfobject/2.2/swfobject.min.js"></script>
<a href="https://farm6.staticflickr.com/5519/9432166677_aefe32aad4_k_d.jpg" data-fancybox-var title="First image">
  <img src="https://farm6.staticflickr.com/5519/9432166677_61aa7e7f90_m_d.jpg">
</a>
<a href="https://farm6.staticflickr.com/5499/30972532232_9c7db37049_k_d.jpg" data-fancybox-var>
  <img src="https://farm6.staticflickr.com/5499/30972532232_e9a298a0c5_m_d.jpg">
</a><br/>
<a data-fancybox-var data-src="http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf" href="javascript:;">
	Sample PDF
</a><br/>
<a data-fancybox-var data-src="#hidden-content" href="javascript:;">
	Hidden div
</a>	
<div style="display: none;" id="hidden-content">
<div id="loadSWF"></div>
</div>

JavaScript

var flashvars = {};
var params = {wmode: "opaque"};
var attributes = {};

swfobject.embedSWF("http://www.vldesign.co.il/portfolio/banners/flash/Flash_1.swf", "loadSWF", "550", "200", "9.0.0", false, flashvars, params, attributes);
$(function(){	
	$('[data-fancybox-var]').on('click', function(e){
		e.preventDefault();
		$.fancybox.open(this);
	})
})