diff --git a/async.html b/async.html
index e118fff..dc0b404 100755
--- a/async.html
+++ b/async.html
@@ -2,8 +2,8 @@
 <html class="no-js" lang="en">
 <head>
 
-  <script src="examples/js/jquery.js"></script>
-  <script src="src/color-thief.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="dist/color-thief.min.js"></script>
 
 </head>
 <body>
@@ -11,12 +11,12 @@
   <header>
     <div class="container">
       <div id="samedomain">
-      <img src="examples/img/photo1.jpg" width="400" height="200">
+      <img src="examples/img/image-1.jpg" width="400" height="200">
         <h1>Same domain, image by url</h1>
       </div>
       <script type="text/javascript">
         var colorThief = new ColorThief();
-        colorSync = colorThief.getColorFromUrl("examples/img/photo1.jpg", function(color){
+        colorSync = colorThief.getColorFromUrl("examples/img/image-1.jpg", function(color){
           $('#samedomain').css('background-color','rgb('+color[0]+','+color[1]+','+color[2]+')')
           console.log('url',color)
         });
@@ -26,7 +26,7 @@
         <h1>Cross-domain, image by url</h1>
       </div>
       <script type="text/javascript">
-        colorThief.getColorAsync("http://lorempixel.com/400/200/",function(color, element){
+        colorThief.getColorAsync("https://lokeshdhakar.com/media/posts/color-thief/color-thief-pixels.png",function(color, element){
           $('#crossdomain').css('background-color','rgb('+color[0]+','+color[1]+','+color[2]+')')
           $('#crossdomain img').attr('src',element.src)
           console.log('async', color, element.src)
@@ -34,9 +34,9 @@
       </script>
 
     </div>
-  
 
-  
+
+
 
 </body>
 </html>
