title: Colorbox loading, but no images..?
body: <p>I'm trying to load images directly from 500px photosite.</p>
  
  <p>This is my code for loading the colorbox:</p>
  
  <pre><code>&lt;script&gt;
  jQuery(document).ready(function(e) {
  $("#photogrid").find('a').colorbox({rel:'lb', transition:"fade"});
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>As Isaid, it seems that colorbox is loading, but I am left with the just the overlay on the page and an empty 'black' square where the image should be...</p>
  
  <p>The images are collected from within the <code>id:photogrid</code>, collecting all with a DOM element of <code>a</code>. Each of the images is an <code>http://link-to-image</code> - pretty standard.</p>
  
  <p>I'm thinking that the loading script is set up incorrectly, but searching GOOGLE has not brought up any answers for me!!!</p>
  
  <hr>
  
  <p>OK, so I added <code>photo:true</code> to the <code>.colorbox({options})</code> that seemed to work...</p>
  
  <p>Now I'm getting random visibility of the images?  Here is a link to the website:
  <a href="http://staringatthesky.info/#photogrid" rel="nofollow">http://staringatthesky.info/#photogrid</a></p>
  
  <p>I'm using latest Chrome browser under Win10.</p>
  
  <hr>
  
  <p>It all seems rather random, and if I clear the cache, no issues, but if I return to view a second time = missing images...</p>
  
  <p>I have a number of other scripts on the site and it could be a conflict, but that would be beyond my knowledge..!</p>