JavaScriptCodes
diff --git a/‎demos/cors.html
Lines changed: 46 additions & 0 deletions b/‎demos/cors.html
Lines changed: 46 additions & 0 deletions
diff --git a/‎demos/remote-image.html
Lines changed: 1 addition & 1 deletion b/‎demos/remote-image.html
Lines changed: 1 addition & 1 deletion
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>CORS</title>
+
+  <script type="text/javascript" src='/lib/jquery.js'></script>
+  <script type="text/javascript" src='/src/jquery.adaptive-backgrounds.js'></script>
+  <script type="text/javascript">
+
+  $(document).ready(function(){
+    $.adaptiveBackground.run()
+  });
+
+  </script>
+
+  <style type="text/css"> 
+
+    body{
+      max-width: 500px;
+      margin: 0 auto;
+    }
+
+    .img-wrap{
+      height: 300px;
+      position: absolute;
+      top: 50%; left: 50%;
+      text-align: center;
+      transform: translateY(-50%) translateX(-50%);
+      -webkit-transform: translateY(-50%) translateX(-50%);
+    }
+
+    .img-wrap img{
+      height: 100%;
+    }
+
+  </style>
+
+</head>
+<body>
+
+  <div class='img-wrap'>
+    <img id="img" crossOrigin='' src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4629/typehunting-01.jpg" data-adaptive-background='1' data-ab-parent='body'>
+  </div>
+
+</body>
+</html>
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Explicit Parent</title>
+  <title>Remote Image</title>
 
   <script type="text/javascript" src='/lib/jquery.js'></script>
   <script type="text/javascript" src='/src/jquery.adaptive-backgrounds.js'></script>