From c259b3a43e271a9610c5e226bcb282b58d2401bd Mon Sep 17 00:00:00 2001
From: ehpersonal38 <103586016+ehpersonal38@users.noreply.github.com>
Date: Tue, 14 Jun 2022 15:06:41 -0400
Subject: [PATCH] Lazy loading, at last

---
 scripts/play.php | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/scripts/play.php b/scripts/play.php
index db003a1..178e763 100644
--- a/scripts/play.php
+++ b/scripts/play.php
@@ -121,6 +121,7 @@ if(isset($_GET['bydate'])){
   session_unset();
   $view = "choose";
 }
+$lazyload = "";
 ?>
 
 <html>
@@ -132,6 +133,12 @@ if(isset($_GET['bydate'])){
   </head>
 
 <script>
+window.onload = function(){
+  if(!window.navigator.userAgent.includes("iPhone") && !window.navigator.userAgent.includes("Mac")) {
+    <?php $lazyload = "loading=\"lazy\""; ?>
+  }
+};
+
 function toggleLock(filename, type, elem) {
   const xhttp = new XMLHttpRequest();
   xhttp.onload = function() {
@@ -298,13 +305,13 @@ if(isset($_GET['species'])){ ?>
 
         echo "<tr>
           <td class='relative'>$date $time<br>$confidence<br><img style='cursor:pointer' onclick='toggleLock(\"".$filename_formatted."\",\"".$type."\", this)' class=\"copyimage\" width=25 title=\"".$title."\" src=\"".$imageicon."\">
-          <a href=\"$filename\"><img src=\"$filename.png\"></a>
+          <a href=\"$filename\"><img ".$lazyload." src=\"$filename.png\"></a>
           </td>
           </tr>";
       } else {
         echo "<tr>
           <td class='relative'>$date $time<br>$confidence<br>
-          <a href=\"$filename\"><img src=\"$filename.png\"></a>
+          <a href=\"$filename\"><img ".$lazyload." src=\"$filename.png\"></a>
           </td>
           </tr>";
       }
