<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no" /> <title>Photo album - Xi'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> / <a class="breadcrumb-item" href="2019.html">2019</a> / <a class="breadcrumb-item" href="2019-Xi%27an.html">Xi'an</a> </nav> <ul id="galleries"> </ul> <ul id="media"> <li data-src="media/large/2019/Xi'an/tower.JPG" data-download-url="media/large/2019/Xi'an/tower.JPG" data-filename="tower.JPG" > <a href="media/large/2019/Xi'an/tower.JPG"> <img src="media/thumbs/2019/Xi'an/tower.JPG" width="120" height="120" alt="tower.JPG" /> </a> </li> <li data-src="media/large/2019/Xi'an/donw.JPG" data-download-url="media/large/2019/Xi'an/donw.JPG" data-filename="donw.JPG" > <a href="media/large/2019/Xi'an/donw.JPG"> <img src="media/thumbs/2019/Xi'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>