<!DOCTYPE html>
<html>

  <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, user-scalable=no" />
      <title>Photo album - Xi&#x27;an</title>
      <link rel="stylesheet" href="public/lightgallery/css/lightgallery.css" />
      <link rel="stylesheet" href="public/lightgallery/css/lg-exif.min.css" />
      <link rel="stylesheet" href="public/videojs/video-js.min.css" />
      <link rel="stylesheet" href="public/core.css" />
      <link rel="stylesheet" href="public/theme.css" />
  </head>

  <body>

    <header>
      <a href="index.html">
        <h1>Photo album</h1>
      </a>
    </header>
    
    <!--
      Breadcrumbs of parent albums
    -->
      <nav class="breadcrumbs">
    <a class="breadcrumb-item" href="index.html">Home</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a class="breadcrumb-item" href="2019.html">2019</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a class="breadcrumb-item" href="2019-Xi%27an.html">Xi&#x27;an</a>
      </nav>
    
    <ul id="galleries">
    </ul>
    
    <ul id="media">
        
          <li data-src="media/large/2019/Xi&#x27;an/tower.JPG"
              
              data-download-url="media/large/2019/Xi&#x27;an/tower.JPG"
              
              data-filename="tower.JPG"
        
            >
            <a href="media/large/2019/Xi&#x27;an/tower.JPG">
              <img src="media/thumbs/2019/Xi&#x27;an/tower.JPG"
                   width="120"
                   height="120"
                   alt="tower.JPG" />
            </a>
          </li>    
          <li data-src="media/large/2019/Xi&#x27;an/donw.JPG"
              
              data-download-url="media/large/2019/Xi&#x27;an/donw.JPG"
              
              data-filename="donw.JPG"
        
            >
            <a href="media/large/2019/Xi&#x27;an/donw.JPG">
              <img src="media/thumbs/2019/Xi&#x27;an/donw.JPG"
                   width="120"
                   height="120"
                   alt="donw.JPG" />
            </a>
          </li></ul>
    
    <!--
      Optional footer
    -->
    <!-- Video loader -->
    <div id="videos">
    </div>

    <!-- jQuery -->
    <script src="public/jquery.min.js"></script>
    <!-- VideoJS -->
    <script src="public/videojs/video.min.js"></script>
    <!-- LightGallery -->
    <script src="public/lightgallery/js/lightgallery.js"></script>
    <script src="public/lightgallery/js/lg-autoplay.js"></script>
    <script src="public/lightgallery/js/lg-pager.js"></script>
    <script src="public/lightgallery/js/lg-thumbnail.js"></script>
    <script src="public/lightgallery/js/lg-video.js"></script>
    <script src="public/lightgallery/js/lg-exif.min.js"></script>

    <script>
      $(document).ready(function() {
        $("#media").lightGallery({
          thumbWidth: 80,
          controls: true,
          loop : false,
          download: true,
          counter: true,
          videojs: true
        });
      });
    </script>


  </body>

</html>