Lazy-load screenshots

sections/torrents/details.php

@@ -779,9 +779,9 @@ if (count($PersonalCollages) > 0) {
     foreach($Screenshots as $Screenshot) {
       $SSURL = ImageTools::process($Screenshot['Image']);
       if (check_perms('users_mod')) {
-        ?><img class='tooltip lightbox-init' title='<?=Users::format_username($Screenshot['UserID'], false, false, false)?> - <?=time_diff($Screenshot['Time'])?>' src="<?=$SSURL?>" /><?
+        ?><img class='tooltip lightbox-init' title='<?=Users::format_username($Screenshot['UserID'], false, false, false)?> - <?=time_diff($Screenshot['Time'])?>' data-src="<?=$SSURL?>" /><?
       } else {
-        ?><img class='tooltip lightbox-init' title='Added <?=time_diff($Screenshot['Time'])?>' src="<?=$SSURL?>" /><?
+        ?><img class='tooltip lightbox-init' title='Added <?=time_diff($Screenshot['Time'])?>' data-src="<?=$SSURL?>" /><?
       }
     }
 ?>

static/functions/torrent.js

@@ -188,3 +188,11 @@ function Vote(amount, requestid) {
     }
   );
 }
+
+$(() => {
+  $('.torrent_screenshots_box > .head > a[data-toggle-replace]').on('click', event => {
+    $('.torrent_screenshots > img').each((i, el) => {
+      el.src = $(el).data('src')
+    })
+  })
+})