Fix some cover stuff on the details page

sections/torrents/details.php

@@ -206,7 +206,7 @@ $Index++;
             $Src = 'src="' . ImageTools::process($Image, true) . '"';
           }
 ?>
-          <img id="cover_<?=$Index?>" class="lightbox-init" lightbox-img="<?=ImageTools::process($Image)?>" width="100%" <?=$Src?> alt="<?=$Summary?>" />
+          <img id="cover_<?=$Index?>" class="lightbox-init" width="100%" <?=$Src?> alt="<?=$Summary?>" />
         </div>
         <ul class="stats nobullet">
           <li>

static/functions/cover_art.js

@@ -33,7 +33,7 @@
         $("#covers img").each(function() {
           $(this).attr("src", $(this).data("gazelle-temp-src"));
         });
-        $("#covers div").each(function() {
+        $("#covers > div").each(function() {
           $(this).show();
           $(this).after("<span class=\"cover_seperator\"><br /><hr /><br /></span>");
           $(".next_cover").hide();
@@ -43,7 +43,7 @@
       } else {
         show_all = false;
         $(this).text("Show all");
-        $("#covers div").each(function() {
+        $("#covers > div").each(function() {
           if ($(this).attr("class") != "head") {
             if ($(this).attr("id") != current) {
               $(this).hide();

static/functions/global.js

@@ -348,9 +348,7 @@ $(function() {
     })
   })
 
-  document.querySelectorAll('.lightbox-init').forEach(function(el) {
-    el.addEventListener('click', function(event) {
-      lightbox.init(el.attributes['lightbox-img']||el.src, el.attributes['lightbox-size']||el.width)
-    })
+  $(document).on('click', '.lightbox-init', function(e) {
+    lightbox.init(e.target.attributes['lightbox-img']||e.target.src, e.target.attributes['lightbox-size']||e.target.width)
   })
 })