JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

<img src="https://images.unsplash.com/photo-1534067783941-51c9c23ecefd?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=416&h=623&fit=crop&ixid=eyJhcHBfaWQiOjF9">
<img src="https://images.unsplash.com/photo-1484804959297-65e7c19d7c9f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=416&h=283&fit=crop&ixid=eyJhcHBfaWQiOjF9">

CSS

img {
  float: left;
  width: 150px;
}

JavaScript

$(function () {
	var $images = $('img');
  
	$images.click(e => {
  	$.fancybox.open($images.map(function () {
    	return {src: this.src};
    }).toArray(), {
    	touch: {
      	vertical: false
      }
    })
  });
});