Merge pull request #7 from cjs835/master

Fix photos not displaying

index.html

@@ -15,7 +15,7 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.8.1/css/justifiedGallery.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.2.0-beta.3/css/lightgallery-bundle.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lightgallery-bundle.min.css">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
     <link rel="stylesheet" href="style.css">
     <link id="favicon" rel="icon" href="logo.png">
@@ -36,12 +36,12 @@
       <span id="footer"></span>
     </footer>
 
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.1.8/lightgallery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.1.8/plugins/zoom/lg-zoom.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.1.8/plugins/thumbnail/lg-thumbnail.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.1.8/plugins/hash/lg-hash.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/lightgallery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/zoom/lg-zoom.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/thumbnail/lg-thumbnail.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/hash/lg-hash.min.js"></script>
 
     <script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
     <script src="https://unpkg.com/navigo@6"></script>

pages/photos.js

@@ -17,10 +17,10 @@ export function page (app) {
         var html_data="";
         data.forEach((value)=>{
             var image_ID=value[1].split('/')[5];
-            var image_URL=`https://drive.google.com/uc?export=view&id=${image_ID}`;
+            var image_URL=`https://drive.google.com/thumbnail?export=view&id=${image_ID}&sz=w1400-h1400`;
             html_data+= `
             <a href="${image_URL}">
-                <img src="${image_URL}" />
+                <img src="${image_URL}"/>
             </a>
             `
         })
@@ -29,6 +29,7 @@ export function page (app) {
             plugins: [lgThumbnail,lgZoom,lgHash],
             allowMediaOverlap: true,
             toggleThumb: true,
+            download: false,
         });
 
         jQuery(document).ready(function() {