JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<ul id="gallery">
    <li><img src="http://31.media.tumblr.com/ed86baf7b4e9538aeaebc406aaa56cbc/tumblr_mmwaozmUKo1s0o4s9o1_500.jpg" title="Gallery 1" data-descr="some description of album 1" /></li>
    <li><img src="http://25.media.tumblr.com/6816c5b46d93ceebde243a9cf48f02dc/tumblr_mvn9jdNiiq1rgd6gxo1_r1_500.jpg" title="Gallery 2" data-descr="some description of album 2" /></li>
    <li><img src="http://25.media.tumblr.com/bbfb7445c08e139d945296507ad9146c/tumblr_mjdkktCfhO1qa9opio1_500.jpg" title="Gallery 3" data-descr="some description of album 3" /></li>
   ....
</ul>

JavaScript

var data = [
  [
    {'href': 'http://31.media.tumblr.com/ed86baf7b4e9538aeaebc406aaa56cbc/tumblr_mmwaozmUKo1s0o4s9o1_500.jpg'},
    {'href': 'http://25.media.tumblr.com/6623ddd110dd18bffb35457cf83f771c/tumblr_mm8tcct2Av1rphpc2o1_500.jpg'},
    {'href': 'http://25.media.tumblr.com/d4fe3fcc6326cde88c14d658d521eaee/tumblr_mvbnqtsX2P1rgd6gxo1_500.jpg'}
  ],  
  [
    {'href': 'http://25.media.tumblr.com/6816c5b46d93ceebde243a9cf48f02dc/tumblr_mvn9jdNiiq1rgd6gxo1_r1_500.jpg', title:'nya1'},
    {'href': 'http://31.media.tumblr.com/0c27cb0ba446c1f1c778452c4590eafd/tumblr_mvmwp0Cq4f1rgd6gxo1_r1_500.jpg', title:'nya2'},
    {'href': 'http://31.media.tumblr.com/72c1f613c537f12c10e8689dc0bf093c/tumblr_mvtqoxy0N11r9asaso1_500.jpg', title:'nya3'}
  ],  
  [
    {'href': 'http://25.media.tumblr.com/bbfb7445c08e139d945296507ad9146c/tumblr_mjdkktCfhO1qa9opio1_500.jpg', title:'mimimi1'},
    {'href': 'http://31.media.tumblr.com/73924815d177266083b59d20db9c287e/tumblr_mvss8vVZew1qa9opio1_500.jpg', title:'mimimi2'},
    {'href': 'http://25.media.tumblr.com/3cd96a8148b263514ffbcb32e6a0ebf8/tumblr_mvss8geomy1qa9opio1_500.jpg', title:'mimimi3'}
  ]  
];

$(document).ready(function() {
  $('#gallery').on('click', 'img', function() {
    var $el = $(this),
        index = $el.parent().index();

    $.fancybox(data[index], {
      helpers: {
        title: {
          type: 'inside'
        },
      },
      //title: $(this).attr('title'),
      afterLoad: function () {
        this.title = this.title + '<br><br>' + $el.data('descr');
      }
    });

    return false;
  });
});