Update to work for JQuery V3

TristanPerry · TristanPerry · commit 884491dccb11 · 2017-12-20T19:22:21.000Z
Update to reflect breaking changes to JQuery V3's load() function signature, as outlined in https://www.tristanperry.com/jquery/2017/12/20/lightbox-update-jquery3.html
diff --git a/README.md b/README.md
@@ -8,7 +8,7 @@ To see this working please check http://www.tristanperry.com/lightweight-lightbo
 
 ## Install Instructions
 
-- Ensure that JQuery (v1.x) is referenced
+- Ensure that JQuery (v3.x) is referenced
 
 - Include the CSS (from Styles.css) and the Javascript (from Scripts.js) in the page(s) you want the lightbox to appear in.
   - The JS can go anywhere on the page - in the `<head>` or within the `<body>`. The `$(function() {` notation is shorthand for `$( document ).ready()`
diff --git a/Scripts.js b/Scripts.js
@@ -2,10 +2,9 @@ function showLbox(url) {
     $("#lboxinner").html('Loading image...');
     $("#lbox").show(300);
 
-    $('<img src="'+ url +'">').load(function() {
-        $("#lboxinner").html('');
-        $(this).appendTo('#lboxinner');
-    });
+    var img = $("<img>");
+    img.attr("src", url);
+    $("#lboxinner").html(img);
 }
 
 function hideLbox() {
