title: Aviary Photo Editor hack
body: <p>I am using the Aviary Photo Editor, and I want users to use their own photos without writing PHP. So I created a code so that the user places the url of image and then they can edit it there, code is</p>
  
  <pre><code>$(function() {
   $('#imgsrc').hide();
    $('#edit').hide();
  $('#sub_img').click(function(e) {
    e.preventDefault();
       var grant= $('#photo_url').val();
     $('#imgsrc').attr('src', grant).show();
     $('#edit').show();
   });
  });
  </code></pre>
  
  <p>Though I am getting this error</p>
  
  <p><code>There was a problem loading your image provided by URI to the</code>url<code>config key. Either you typed the address wrong, it's not reachable by the public (and our service at http://featherservices.aviary.com/), or it doesn't really exist. Or maybe YOU don't and this is all just a dream. WAKE UP!</code></p>
  
  <p>The Code for the Aviary is </p>
  
  <pre><code>&lt;div id="photo_edit"&gt;
   &lt;!-- Load Feather code --&gt;
    &lt;script type="text/javascript" src="http://feather.aviary.com/js/feather.js"&gt;&lt;/script&gt;
   &lt;div id='injection_site'&gt;&lt;/div&gt;
  
    &lt;input type="text" id="photo_url" placeholder="URL of Image"/&gt;
       &lt;button id="sub_img"&gt;Submit Image&lt;/button&gt;
  
      &lt;img id="imgsrc" src=""/&gt;
        &lt;!-- Instantiate Feather --&gt;
   &lt;script type="text/javascript"&gt;
     var featherEditor = new Aviary.Feather({
     apiKey: 'LuucZHMFU0yLQSnGBgAqsg',
     apiVersion: 2,
     tools: 'enhance,resize,crop,contrast,sharpness,text,whiten,effects,orientation,warmth,brightness,saturation,draw,redeye,blemish',
     appendTo: '',
     onSave: function(imageID, newURL) {
         var img = document.getElementById(imageID);
         img.src = newURL;
     },
     onError: function(errorObj) {
         alert(errorObj.message);
     }
     });
     function launchEditor(id, src) {
     featherEditor.launch({
         image: id,
         url: src
     });
    return false;
     }
   &lt;/script&gt;
  
   &lt;!-- Add an edit button, passing the HTML id of the image and the public URL ot the image --&gt;
   &lt;p&gt;&lt;input id="edit" type='image' src='http://images.aviary.com/images/edit-photo.png' value='Edit photo' onclick="return launchEditor('imgsrc', 'onImageLoad');" /&gt;&lt;/p&gt;
           &lt;/div&gt;
  </code></pre>
  
  <p>Anyone work with this program before? This is just suppose to be a hack and I don't want to use PHP for the host image. It should just act as a image editor using the url if this is possible?</p>